全局事件属性
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 事件
| 属性 | 值 | 描述 |
|---|---|---|
| onkeydown | script | 在用户按下按键时触发。 |
| onkeypress | script | 在用户敲击按钮时触发。 |
| onkeyup | script | 当用户释放按键时触发。 |
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 | 当元素滚动条被滚动时运行的脚本。 |

浙公网安备 33010602011771号