HTML5 – 事件
当用户访问您的网站时,他们会执行各种操作,例如点击文本、图像和链接、悬停在定义的元素上等。这些都是JavaScript所谓的 事件 的例子。
我们可以在Javascript或VBscript中编写我们的事件处理程序,并将这些事件处理程序指定为事件标记属性的值。HTML5规范定义了各种事件属性,如下所示 −
我们可以使用以下一组属性来触发任何 javascript 或 vbscript 代码,当任何HTML5元素发生事件时。
我们将在后续章节中详细讨论这些元素时涵盖特定于元素的事件。
| 属性 | 值 | 描述 |
|---|---|---|
| offline | script | 当文档离线时触发 |
| onabort | script | 当中止事件发生时触发 |
| onafterprint | script | 在文档打印完成后触发 |
| onbeforeonload | script | 在文档加载前触发 |
| onbeforeprint | script | 在文档打印之前触发 |
| onblur | script | 窗口失去焦点时触发 |
| oncanplay | script | 媒体可以开始播放时触发,但可能需要停止以缓冲 |
| oncanplaythrough | script | 媒体可以无需缓冲结束播放时触发 |
| onchange | script | 元素发生更改时触发 |
| onclick | script | 当鼠标单击时触发 |
| oncontextmenu | script | 当触发上下文菜单时触发 |
| ondblclick | script | 当鼠标双击时触发 |
| ondrag | script | 当元素被拖拽时触发 |
| ondragend | script | 在拖拽操作结束时触发 |
| ondragenter | script | 当元素被拖拽到有效的拖放目标时触发 |
| ondragleave | script | 当元素离开有效的拖放目标时触发 |
| ondragover | script | 当元素被拖拽到有效的拖放目标上时触发 |
| ondragstart | script | 在拖拽操作开始时触发 |
| ondrop | script | 当被拖拽的元素正在被放置时触发 |
| ondurationchange | script | 当媒体长度发生更改时触发 |
| onemptied | script | 当媒体资源元素突然变为空时触发。 |
| onended | script | 当媒体到达结尾时触发 |
| onerror | script | 当出现错误时触发 |
| onfocus | script | 窗口获得焦点时触发 |
| onformchange | script | 当表单更改时触发 |
| onforminput | script | 当表单获得用户输入时触发 |
| onhaschange | script | 当文档发生更改时触发 |
| oninput | script | 当元素获得用户输入时触发 |
| oninvalid | script | 当元素无效时触发 |
| onkeydown | script | 当按键按下时触发 |
| onkeypress | script | 当按键按下并释放时触发 |
| onkeyup | script | 当按键释放时触发 |
| onload | script | 当文档加载完成时触发 |
| onloadeddata | script | 在媒体数据加载完成时触发 |
| onloadedmetadata | script | 当媒体元素的持续时间和其他媒体数据加载完成时触发 |
| onloadstart | script | 当浏览器开始加载媒体数据时触发 |
| onmessage | script | 在触发消息时触发 |
| onmousedown | script | 当鼠标按钮被按下时触发 |
| onmousemove | script | 当鼠标指针移动时触发 |
| onmouseout | script | 当鼠标指针移出元素时触发 |
| onmouseover | script | 当鼠标指针移过元素时触发 |
| onmouseup | script | 当鼠标按钮被释放时触发 |
| onmousewheel | script | 当鼠标滚轮被滚动时触发 |
| onoffline | script | 当文档离线时触发 |
| online | script | 当文档联网时触发 |
| ononline | script | 当文档联网时触发 |
| onpagehide | script | 当窗口被隐藏时触发 |
| onpageshow | script | 当窗口变为可见时触发 |
| onpause | script | 当媒体数据暂停时触发 |
| onplay | script | 当媒体数据即将开始播放时触发 |
| onplaying | script | 当媒体数据已开始播放时触发 |
| onpopstate | script | 当窗口的历史记录发生更改时触发 |
| onprogress | script | 当浏览器正在获取媒体数据时触发 |
| onratechange | script | 当媒体数据的播放速率发生更改时触发 |
| onreadystatechange | script | 当 ready-state 发生更改时触发 |
| onredo | script | 当文档执行 redo 操作时触发 |
| onresize | script | 当窗口大小发生更改时触发 |
| onscroll | script | 当元素的滚动条正在滚动时触发 |
| onseeked | script | 当媒体元素的寻址属性不再为 true,且寻址已结束时触发 |
| onseeking | script | 当媒体元素的寻址属性为 true,且寻址已开始时触发 |
| onselect | script | 当选择了一个元素时触发 |
| onstalled | script | 当获取媒体数据时发生错误时触发 |
| onstorage | script | 当文档加载时触发 |
| onsubmit | script | 当提交表格时触发 |
| onsuspend | script | 当媒体数据暂停时触发 |
| onabort | script | 当浏览器正在获取媒体数据,但在完全获取媒体文件之前停止时触发 |
| ontimeupdate | script | 媒体更改播放位置时触发 |
| onundo | script | 当文档执行撤消操作时触发 |
| onunload | script | 用户离开文档时触发 |
| onvolumechange | script | 媒体更改音量时触发,也可以将音量设置为“静音” |
| onwaiting | script | 当媒体停止播放,但预计会恢复时触发 |
极客教程