事件允许JavaScript将事件处理程序注册到HTML文档中的元素上。
事件正常都是跟函数组合使用的。在事件没有被触发之前,函数是不会执行的。
事件的使用方法:
请查看第13讲
HTML DOM 事件
下面表格的DOM指示当前事件是在哪个级别的DOM中被介绍的。了解它有利于代码编写的兼容性。这里就不做介绍了。
鼠标事件
| 事件 |
描述 |
DOM |
| onclick |
用户点击元素时 |
2 |
| oncontextmenu |
右键点击弹出菜单时 |
3 |
| ondblclick |
双击时 |
2 |
| onmousedown |
按下鼠标按钮时 |
2 |
| onmouseenter |
鼠标移动到元素区域 |
2 |
| onmouseleave |
鼠标移出元素区域 |
2 |
| onmousemove |
鼠标在某个元素的区域发生移动时 |
2 |
| onmouseover |
鼠标移动到元素区域,并包括子元素 |
2 |
| onmouseout |
鼠标移出元素区域,包括子元素 |
2 |
| onmouseup |
(按下鼠标按钮后)抬起释放时 |
2 |
键盘事件
| 事件 |
描述 |
DOM |
| onkeydown |
按下键盘键时 |
2 |
| onkeypress |
敲击键盘键时 |
2 |
| onkeyup |
(按下键盘键)释放键盘键时 |
2 |
Frame(框架)/Object(对象)事件
| Event |
Description |
DOM |
| onabort |
当资源请求被终止时 |
2 |
| onbeforeunload |
当文档被卸载时,比如刷新页面的时 |
2 |
| onerror |
调用外部文件出错时 |
2 |
| onhashchange |
URL的锚部分(#值)发生变化时 |
3 |
| onload |
当页面中的对象都加载完毕后 |
2 |
| onpageshow |
用户新打开网页时发生此事件 |
3 |
| onpagehide |
当用户离开网页时执行 |
3 |
| onresize |
窗口尺寸发生变化时 |
2 |
| onscroll |
元素的滚动条发生滚动时 |
2 |
| onunload |
当页面被卸载完毕时 |
2 |
更多事件请到第三方权威网站查看:
中文推荐Mozilla 开发者社区:
https://developer.mozilla.org/zh-CN/docs/Web/Events
英文w3schools:
https://www.w3schools.com/jsref/dom_obj_event.asp(需要翻墙)