- 触发事件在我们的浏览器中添加了HTML4,例如当事件发生以单击元素时启动JavaScript功能。
- 我们可以使用事件处理程序属性响应事件。
- 每个HTML元素都可以支持许多不同的事件处理程序属性。
- 可以添加到HTML5元素的全局事件属性。
表单事件
HTML表单中的操作触发的事件(适用于所有HTML5元素,但在表单元素中最常见):
| 事件 | 状态 | 值 | 说明 |
|---|---|---|---|
| onchange | No change | Script | 当脚本要运行时,元素会更改 |
| Onblur | No change | Script | 当脚本运行时元素失去焦点 |
| Onfocus | No change | Script | 当脚本运行时,元素获得焦点 |
| Oncontextmenu | New | Script | 当要运行脚本时,会触发上下文菜单 |
| Onfromchange | New | script | 当脚本要运行时,窗体会更改 |
| Onfrominput | New | script | 窗体在运行脚本时获取用户输入 |
| Oninput | New | script | 元素在脚本运行时获取用户输入 |
| Oninvalid | New | script | 运行脚本时元素无效 |
| Onselect | New | script | 要运行脚本时选择一个元素 |
| onsubmit | New | script | 要运行脚本时提交表单 |
HTML5中的Window Event属性
为窗口对象触发的事件(应用于<body>标记):
| 事件 | 状态 | 值 | 说明 |
|---|---|---|---|
| Onafterprint | New | Script | 在要运行的脚本之后打印文档 |
| Onbeforeprint | New | Script | 在运行脚本之前打印文档 |
| Onbeforeonload | New | Script | 在运行脚本之前加载文档 |
| Onerror | New | Script | 运行脚本时出错 |
| Onblur | No change | Script | 运行脚本时窗口失去焦点 |
| Onfocus | No change | Script | 当脚本运行时,窗口获得焦点 |
| Onhashchange | New | Script | 运行脚本时文档已更改 |
| Onload | No change | Script | 要运行脚本时加载文档 |
| Onmessage | New | Script | 当脚本要运行时触发该消息 |
| Onoffline | New | Script | 要运行脚本时,文档将脱机 |
| Ononline | New | Script | 要运行脚本时,文档将联机 |
| Onpagehide | New | Script | 当脚本运行时,窗口被隐藏 |
| Onpageshow | New | Script | 当脚本运行时,窗口变为可见 |
| Onpopstate | New | Script | 要运行脚本时,窗口的历史记录会更改 |
| Onredo | New | Script | 当脚本要运行时,文档执行重做 |
| Onresize | New | Script | 要运行脚本时,窗口的大小会调整 |
| Onstorage | New | Script | 当脚本要运行时,Web存储区域会更新 |
| Onundo | New | Script | 当脚本要运行时,文档执行撤消操作 |
| onunload | New | Script | 用户在运行脚本时离开文档 |
日期:2020-04-11 23:04:20 来源:oir作者:oir
