HTML 4 增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动 JavaScript。 如需学习更多有关事件编程的知识,请访问我们的 JavaScript 教程。 下面列出了添加到 HTML 元素以定义事件动作的全局事件属性。 H5= HTML5 中新的事件属性。
Window 事件属性
针对 window 对象触发的事件(应用到 <body> 标签):
| 属性 | 值 | 描述 |
| onafterprint H5 |
script |
文档打印之后运行的脚本。 |
| onbeforeprint H5 |
script |
文档打印之前运行的脚本。 |
| onbeforeunload H5 |
script |
文档卸载之前运行的脚本。 |
| onerror H5 |
script |
在错误发生时运行的脚本。 |
| onhaschange H5 |
script |
当文档已改变时运行的脚本。 |
| onload |
script |
页面结束加载之后触发。 |
| onmessage H5 |
script |
在消息被触发时运行的脚本。 |
| onoffline H5 |
script |
当文档离线时运行的脚本。 |
| ononline H5 |
script |
当文档上线时运行的脚本。 |
| onpagehide H5 |
script |
当窗口隐藏时运行的脚本。 |
| onpageshow H5 |
script |
当窗口成为可见时运行的脚本。 |
| onpopstate H5 |
script |
当窗口历史记录改变时运行的脚本。 |
| onredo H5 |
script |
当文档执行撤销(redo)时运行的脚本。 |
| onresize H5 |
script |
当浏览器窗口被调整大小时触发。 |
| onstorage H5 |
script |
在 Web Storage 区域更新后运行的脚本。 |
| onundo H5 |
script |
在文档执行 undo 时运行的脚本。 |
| onunload |
script |
一旦页面已下载时触发(或者浏览器窗口已被关闭)。 |
Form 事件
由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中):
| 属性 | 值 | 描述 |
| onblur |
script |
元素失去焦点时运行的脚本。 |
| onchange |
script |
在元素值被改变时运行的脚本。 |
| oncontextmenu H5 |
script |
当上下文菜单被触发时运行的脚本。 |
| onfocus |
script |
当元素获得焦点时运行的脚本。 |
| onformchange H5 |
script |
在表单改变时运行的脚本。 |
| onforminput H5 |
script |
当表单获得用户输入时运行的脚本。 |
| oninput H5 |
script |
当元素获得用户输入时运行的脚本。 |
| oninvalid H5 |
script |
当元素无效时运行的脚本。 |
| onreset |
script |
当表单中的重置按钮被点击时触发。HTML5 中不支持。 |
| onselect |
script |
在元素中文本被选中后触发。 |
| onsubmit |
script |
在提交表单时触发。 |
Keyboard 事件
Mouse 事件
由鼠标或类似用户动作触发的事件:
| 属性 | 值 | 描述 |
| onclick |
script |
元素上发生鼠标点击时触发。 |
| ondblclick |
script |
元素上发生鼠标双击时触发。 |
| ondrag H5 |
script |
元素被拖动时运行的脚本。 |
| ondragend H5 |
script |
在拖动操作末端运行的脚本。 |
| ondragenter H5 |
script |
当元素元素已被拖动到有效拖放区域时运行的脚本。 |
| ondragleave H5 |
script |
当元素离开有效拖放目标时运行的脚本。 |
| ondragover H5 |
script |
当元素在有效拖放目标上正在被拖动时运行的脚本。 |
| ondragstart H5 |
script |
在拖动操作开端运行的脚本。 |
| ondrop H5 |
script |
当被拖元素正在被拖放时运行的脚本。 |
| onmousedown |
script |
当元素上按下鼠标按钮时触发。 |
| onmousemove |
script |
当鼠标指针移动到元素上时触发。 |
| onmouseout |
script |
当鼠标指针移出元素时触发。 |
| onmouseover |
script |
当鼠标指针移动到元素上时触发。 |
| onmouseup |
script |
当在元素上释放鼠标按钮时触发。 |
| onmousewheel H5 |
script |
当鼠标滚轮正在被滚动时运行的脚本。 |
| onscroll H5 |
script |
当元素滚动条被滚动时运行的脚本。 |