HTML事件
无涯教程可以使用JavaScript或VBScript编写事件处理程序,并可以指定针对这些事件采取的某些操作。尽管这些是事件,但是它们将被指定为HTML标签的属性。
HTML 4.01规范定义了19个事件,但后来HTML-5添加了许多其他事件,在此处列出了这些事件-
事件属性
在旧版HTML中引入了以下事件,但所有标有
的标签都是HTML的一部分-5。
| 事件 | HTML-5 | 说明 |
|---|---|---|
| onafterprint | | 打印文档后触发 |
| onbeforeprint | | 在打印文档之前触发 |
| onbeforeonload | | 在文档加载之前触发 |
| onerror | | 发生错误时触发 |
| onhaschange | | 文档更改时触发 |
| onload | 文档加载时触发 | |
| onmessage | | 触发消息时触发 |
| onoffline | | 文档脱机时触发 |
| ononline | | 文档在线时触发 |
| onpagehide | | 隐藏窗口时触发 |
| onpageshow | | 在窗口可见时触发 |
| onpopstate | | 在窗口的历史记录更改时触发 |
| onredo | | 触发文档重做 |
| onresize | | 调整窗口大小时触发 |
| onstorage | | 文档加载时触发 |
| onundo | | 在文档执行撤消操作时触发 |
| onunload | 用户离开文档时触发 |
表单事件
在旧版HTML中引入了以下标签,但所有标有
的标签都是HTML的一部分-5。
| 事件 | HTML-5 | 说明 |
|---|---|---|
| onblur | 当窗口失去焦点时触发 | |
| onchange | 元素更改时触发 | |
| oncontextmenu | | 触发context菜单时触发 |
| onfocus | 当窗口获得焦点时触发 | |
| onformchange | | 表单更改时触发 |
| onforminput | | 当表单获得用户输入时触发 |
| oninput | | 当元素获得用户输入时触发 |
| oninvalid | | 当元素无效时触发 |
| onreset | 重置表单时触发 | |
| onselect | 在选择元素时触发 | |
| onsubmit | 提交表单时触发 |
键盘事件
| 事件 | HTML-5 | 说明 |
|---|---|---|
| onkeydown | 按下键时触发 | |
| onkeypress | 按下和释放键时触发 | |
| onkeyup | 释放键时触发 |
鼠标事件
在旧版HTML中引入了以下标签,但所有标有
的标签都是HTML的一部分-5。
| 事件 | HTML-5 | 说明 |
|---|---|---|
| onclick | 点击鼠标触发 | |
| ondblclick | 双击鼠标触发 | |
| ondrag | | 拖动元素时触发 |
| ondragend | | 拖动操作结束时触发 |
| ondragenter | | 将元素拖动到有效放置目标时触发 |
| ondragleave | | 当元素离开有效的放置目标时触发 |
| ondragover | | 将元素拖动到有效放置目标上方时触发 |
| ondragstart | | 拖动操作开始时触发 |
| ondrop | | 在拖放拖动的元素时触发 |
| onmousedown | 按下鼠标按钮时触发 | |
| onmousemove | 鼠标指针移动时触发 | |
| onmouseout | 当鼠标指针移出元素时触发 | |
| onmouseover | 当鼠标指针移到某个元素上时触发 | |
| onmouseup | 释放鼠标按钮时触发 | |
| onmousewheel | | 在旋转鼠标滚轮时触发 |
| onscroll | | 在滚动元素的滚动条时触发 |
媒体事件
在旧版HTML中引入了以下标签,但所有标有
的标签都是HTML的一部分-5。
| 事件 | HTML-5 | 说明 |
|---|---|---|
| onabort | 中止事件触发 | |
| oncanplay | | 触发媒体何时可以开始播放,但可能必须停止播放才能缓冲 |
| oncanplaythrough | | 触发媒体何时可以播放到最后而无需停止缓冲 |
| ondurationchange | | 更改媒体长度时触发 |
| onemptied | | 当媒体资源元素突然变空时触发。 |
| onended | | 当媒体播放完毕时触发 |
| onerror | | 发生错误时触发 |
| onloadeddata | | 在加载媒体数据时触发 |
| onloadedmetadata | | 在加载媒体元素的持续时间和其他媒体数据时触发 |
| onloadstart | | 在浏览器开始加载媒体数据时触发 |
| onpause | | 在媒体数据暂停时触发 |
| onplay | | 当媒体数据开始播放时触发 |
| onplaying | | 媒体数据开始播放时触发 |
| onprogress | | 在浏览器获取媒体数据时触发 |
| onratechange | | 更改媒体数据的播放速率时触发 |
| onreadystatechange | | 准备状态更改时触发 |
| onseeked | | 当媒体元素的搜索属性不再为真且搜索结束时触发 |
| onseeking | | 当媒体元素的搜寻属性为true且搜寻已开始时触发 |
| onstalled | | 在获取媒体数据时出现错误时触发 |
| onsuspend | | 在浏览器已获取媒体数据但在获取整个媒体文件之前已停止 |
| ontimeupdate | | 当媒体更改其播放位置时触发 |
| onvolumechange | | 在媒体更改音量时触发,也在音量设置为"静音"时触发 |
| onwaiting | | 当媒体停止播放但有望恢复播放时触发 |
祝学习愉快! (发现内容有误?请选中要编辑的内容 -> 右键 -> 修改 -> 提交!帮助我们改进教程质量)
精选教程推荐
👇 以下精选教程可能对您有帮助,拓展您的技术视野
暂无学习笔记,成为第一个分享的人吧!
您的笔记将帮助成千上万的学习者