HTML 事件参考
时间：2019-06-08 23:19:24 来源:igfitidea点击:
当用户访问你的网站时，他们会做一些事情，比如点击各种链接，把鼠标移到文本和图像上等等。这些都是我们在JavaScript和VBScript术语中称之为事件的例子。
我们可以使用JavaScript或VBScript编写事件处理程序，并可以指定针对这些事件采取的一些操作。虽然这些是事件，但它们可以被指定为HTML标记的属性。
HTML4.01规范定义了19个事件，但后来HTML-5添加了许多其他事件，下面列出了这些事件–
窗口事件属性
旧版本的HTML中引入了以下事件，但所有标记为HTML5的标签都是HTML-5的一部分。
| 事件 | HTML-5 | 说明 |
|---|---|---|
| onafterprint | HTML5 | 打印文档后触发 |
| onbeforeprint | HTML5 | 打印文档前触发 |
| onbeforeonload | HTML5 | 文档加载前触发 |
| onerror | HTML5 | 发生错误时触发 |
| onhaschange | HTML5 | 在文档被修改时触发 |
| onload | 加载文档时触发 | |
| onmessage | HTML5 | 触发消息时触发 |
| onoffline | HTML5 | 文档脱机时触发 |
| ononline | HTML5 | 文档联机时触发 |
| onpagehide | HTML5 | 窗口隐藏时触发 |
| onpageshow | HTML5 | 当窗口可见时触发 |
| onpopstate | HTML5 | 当窗口的历史记录更改时触发 |
| onredo | HTML5 | 文档执行重做时触发 |
| onresize | HTML5 | 调整窗口大小时触发 |
| onstorage | HTML5 | 存储文档时触发 |
| onundo | HTML5 | 文档执行撤消时触发 |
| onunload | 当用户离开文档时触发 |
表单事件
| 事件 | HTML-5 | 说明 |
|---|---|---|
| onblur | 当窗口失去焦点时触发 | |
| onchange | 元素更改时触发 | |
| oncontextmenu | HTML5 | 当上下文菜单被触发时触发 |
| onfocus | 当窗口获得焦点时触发 | |
| onformchange | HTML5 | 当表单内容变更时触发 |
| onforminput | HTML5 | 当表单获得用户输入时触发 |
| oninput | HTML5 | 当元素获得用户输入时触发 |
| oninvalid | HTML5 | 元素无效时触发 |
| onreset | 表单重置时触发 | |
| onselect | 元素被选择时触发 | |
| onsubmit | 提交表单时触发 |
键盘事件
| 事件 | HTML-5 | 说明 |
|---|---|---|
| onkeydown | 按键时触发 | |
| onkeypress | 按下和释放按键时触发 | |
| onkeyup | 释放按键时触发 |
鼠标事件
| 事件 | HTML-5 | 说明 |
|---|---|---|
| onclick | 鼠标点击触发 | |
| ondblclick | 鼠标双击时触发 | |
| ondrag | HTML5 | 拖动元素时触发 |
| ondragend | HTML5 | 在拖动操作结束时触发 |
| ondragenter | HTML5 | 将元素拖到有效的放置目标时触发 |
| ondragleave | HTML5 | 当元素离开有效的放置目标时触发 |
| ondragover | HTML5 | 当元素被拖到有效的放置目标上时触发 |
| ondragstart | HTML5 | 在开始拖动操作时触发 |
| ondrop | HTML5 | 当拖动元素被删除时触发 |
| onmousedown | 按下鼠标按钮时触发 | |
| onmousemove | 鼠标指针移动时触发 | |
| onmouseout | 当鼠标指针移出元素时触发 | |
| onmouseover | 当鼠标指针移动到元素上时触发 | |
| onmouseup | 释放鼠标按钮时触发 | |
| onmousewheel | HTML5 | 当鼠标滚轮旋转时触发 |
| onscroll | HTML5 | 滚动元素的滚动条时触发 |
媒体事件
| 事件 | HTML-5 | 说明 |
|---|---|---|
| onabort | 事件中止时触发器 | |
| oncanplay | HTML5 | 当媒体可以开始播放，但可能必须停止以进行缓冲时触发 |
| oncanplaythrough | HTML5 | 当媒体可以直接播放到结束，而不必停止等待缓冲时触发 |
| ondurationchange | HTML5 | 媒体长度更改时触发 |
| onemptied | HTML5 | 当媒体资源元素突然变空时触发 |
| onended | HTML5 | 当媒体到达结尾时触发 |
| onerror | HTML5 | 发生错误时触发 |
| onloadeddata | HTML5 | 加载媒体数据时触发 |
| onloadedmetadata | HTML5 | 加载媒体元素的持续时间和其他媒体数据时触发 |
| onloadstart | HTML5 | 当浏览器开始加载媒体数据时触发 |
| onpause | HTML5 | 暂停媒体数据时触发 |
| onplay | HTML5 | 开始播放媒体数据时触发 |
| onplaying | HTML5 | 开始播放媒体数据时触发 |
| onprogress | HTML5 | 当浏览器获取媒体数据时触发 |
| onratechange | HTML5 | 当媒体数据的播放速率改变时触发 |
| onreadystatechange | HTML5 | 当就绪状态更改时触发 |
| onseeked | HTML5 | 当媒体元素的seeking属性不再为true且搜索已结束时触发 |
| onseeking | HTML5 | 当媒体元素的seeking属性为true且搜索已开始时触发 |
| onstalled | HTML5 | 在获取媒体数据时发生错误时触发 |
| onsuspend | HTML5 | 当浏览器正在获取媒体数据，但在提取整个媒体文件之前停止时，将触发此事件 |
| ontimeupdate | HTML5 | 当媒体改变播放位置时触发 |
| onvolumechange | HTML5 | 当媒体更改音量时，或者当音量设置为“静音”时触发 |
| onwaiting | HTML5 | 当媒体已停止播放，等待继续播放时触发 |
