无涯教程可以使用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 | ![]() | 当媒体停止播放但有望恢复播放时触发 |
HTML - 事件 - 无涯教程网无涯教程网提供无涯教程可以使用JavaScript或VBScript编写事件处理程序,并可以指定针对这些事件采取...https://www.learnfk.com/html/html-events-reference.html