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 | 当文档执行重做操作时触发 |
| onresize | script | 当窗口调整大小时触发 |
| onscroll | script | 当元素的滚动条正在滚动时触发 |
| onseeked | script | 当媒体元素的 seeking 属性不再为 true,寻找操作已结束时触发 |
| onseeking | script | 当媒体元素的 seeking 属性为 true,寻找操作已开始时触发 |
| onselect | script | 当元素被选中时触发 |
| onstalled | script | 当获取媒体数据发生错误时触发 |
| onstorage | script | 当文档加载时触发 |
| onsubmit | script | 当表单提交时触发 |
| onsuspend | script | 当浏览器正在获取媒体数据时,但在完整的媒体文件被获取之前停止时触发 |
| ontimeupdate | script | 当媒体改变其播放位置时触发 |
| onundo | script | 当文档执行撤销操作时触发 |
| onunload | script | 当用户离开文档时触发 |
| onvolumechange | script | 媒体更改音量时触发,当音量设置为“静音”时也会触发 |
| onwaiting | script | 当媒体停止播放但预计会恢复时触发 |
极客教程