事件允许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(需要翻墙)
评论区
发表新的留言
您可以留言提出您的疑问或建议。
您的留言得到回复时,会通过您填写的邮箱提醒您。