减小字体
增大字体- ·上一篇文章：HTML 全局属性
- ·下一篇文章：HTML5 <canvas> 参考手册
HTML 事件属性
HTML 事件属性全局事件属性HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为，比方说当用户点击某个 HTML 元素时启动一段 JavaScript。如果你想学习更多关于事件属性，请访问 JavaScript 教程下面的表格提供了标准的事件属性，可以把它们插入 HTML/XHTML 元素中，以定义事件行为。New :
HTML5新增属性事件。窗口事件属性（Window Event Attributes）由窗口触发该事件 (适用于 <body> 标签):
属性值描述onafterprintNewscript在打印文档之后运行脚本onbeforeprintNewscript在文档打印之前运行脚本onbeforeonloadNewscript在文档加载之前运行脚本onblurscript当窗口失去焦点时运行脚本onerrorNewscript当错误发生时运行脚本onfocusscript当窗口获得焦点时运行脚本onhaschangeNewscript当文档改变时运行脚本onloadscript当文档加载时运行脚本onmessageNewscript当触发消息时运行脚本onofflineNewscript当文档离线时运行脚本ononlineNewscript当文档上线时运行脚本onpagehideNewscript当窗口隐藏时运行脚本onpageshowNewscript当窗口可见时运行脚本onpopstateNewscript当窗口历史记录改变时运行脚本onredoNewscript当文档执行再执行操作（redo）时运行脚本onresizeNewscript当调整窗口大小时运行脚本onstorageNewscript当 Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本onundoNewscript当文档执行撤销时运行脚本onunloadNewscript当用户离开文档时运行脚本表单事件(Form Events)表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):
属性值描述onblurscript当元素失去焦点时运行脚本onchangescript当元素改变时运行脚本oncontextmenuNewscript当触发上下文菜单时运行脚本onfocusscript当元素获得焦点时运行脚本onformchangeNewscript当表单改变时运行脚本onforminputNewscript当表单获得用户输入时运行脚本oninputNewscript当元素获得用户输入时运行脚本oninvalidNewscript当元素无效时运行脚本onresetscript当表单重置时运行脚本。HTML 5 不支持。onselectscript当选取元素时运行脚本onsubmitscript当提交表单时运行脚本键盘事件（Keyboard Events）属性值描述onkeydownscript当按下按键时运行脚本onkeypressscript当按下并松开按键时运行脚本onkeyupscript当松开按键时运行脚本鼠标事件（Mouse Events）通过鼠标触发事件, 类似用户的行为:
属性值描述onclickscript当单击鼠标时运行脚本ondblclickscript当双击鼠标时运行脚本ondragNewscript当拖动元素时运行脚本ondragendNewscript当拖动操作结束时运行脚本ondragenterNewscript当元素被拖动至有效的拖放目标时运行脚本ondragleaveNewscript当元素离开有效拖放目标时运行脚本ondragoverNewscript当元素被拖动至有效拖放目标上方时运行脚本ondragstartNewscript当拖动操作开始时运行脚本ondropNewscript当被拖动元素正在被拖放时运行脚本onmousedownscript当按下鼠标按钮时运行脚本onmousemovescript当鼠标指针移动时运行脚本onmouseoutscript当鼠标指针移出元素时运行脚本onmouseoverscript当鼠标指针移至元素之上时运行脚本onmouseupscript当松开鼠标按钮时运行脚本onmousewheelNewscript当转动鼠标滚轮时运行脚本onscrollNewscript当滚动元素的滚动条时运行脚本多媒体事件(Media Events)通过视频（videos），图像（images）或者音频（audio） 触发该事件，多应用于HTML媒体元素比如<audio>, <embed>, <img>, <object>, 和<video>):
属性值描述onabortscript当发生中止事件时运行脚本oncanplayNewscript当媒介能够开始播放但可能因缓冲而需要停止时运行脚本oncanplaythroughNewscript当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本ondurationchangeNewscript当媒介长度改变时运行脚本onemptiedNewscript当媒介资源元素突然为空时（网络错误、加载错误等）运行脚本onendedNewscript当媒介已抵达结尾时运行脚本onerrorNewscript当在元素加载期间发生错误时运行脚本onloadeddataNewscript当加载媒介数据时运行脚本onloadedmetadataNewscript当媒介元素的持续时间以及其他媒介数据已加载时运行脚本onloadstartNewscript当浏览器开始加载媒介数据时运行脚本onpauseNewscript当媒介数据暂停时运行脚本onplayNewscript当媒介数据将要开始播放时运行脚本onplayingNewscript当媒介数据已开始播放时运行脚本onprogressNewscript当浏览器正在取媒介数据时运行脚本onratechangeNewscript当媒介数据的播放速率改变时运行脚本onreadystatechangeNewscript当就绪状态（ready-state）改变时运行脚本onseekedNewscript当媒介元素的定位属性 [1] 不再为真且定位已结束时运行脚本onseekingNewscript当媒介元素的定位属性为真且定位已开始时运行脚本onstalledNewscript当取回媒介数据过程中（延迟）存在错误时运行脚本onsuspendNewscript当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本ontimeupdateNewscript当媒介改变其播放位置时运行脚本onvolumechangeNewscript当媒介改变音量亦或当音量被设置为静音时运行脚本onwaitingNewscript当媒介已停止播放但打算继续播放时运行脚本其他事件属性值描述onshowNewscript当 <menu> 元素在上下文显示时触发ontoggleNewscript当用户打开或关闭 <details> 元素时触发
HTML5新增属性事件。窗口事件属性（Window Event Attributes）由窗口触发该事件 (适用于 <body> 标签):
属性值描述onafterprintNewscript在打印文档之后运行脚本onbeforeprintNewscript在文档打印之前运行脚本onbeforeonloadNewscript在文档加载之前运行脚本onblurscript当窗口失去焦点时运行脚本onerrorNewscript当错误发生时运行脚本onfocusscript当窗口获得焦点时运行脚本onhaschangeNewscript当文档改变时运行脚本onloadscript当文档加载时运行脚本onmessageNewscript当触发消息时运行脚本onofflineNewscript当文档离线时运行脚本ononlineNewscript当文档上线时运行脚本onpagehideNewscript当窗口隐藏时运行脚本onpageshowNewscript当窗口可见时运行脚本onpopstateNewscript当窗口历史记录改变时运行脚本onredoNewscript当文档执行再执行操作（redo）时运行脚本onresizeNewscript当调整窗口大小时运行脚本onstorageNewscript当 Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本onundoNewscript当文档执行撤销时运行脚本onunloadNewscript当用户离开文档时运行脚本表单事件(Form Events)表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):
属性值描述onblurscript当元素失去焦点时运行脚本onchangescript当元素改变时运行脚本oncontextmenuNewscript当触发上下文菜单时运行脚本onfocusscript当元素获得焦点时运行脚本onformchangeNewscript当表单改变时运行脚本onforminputNewscript当表单获得用户输入时运行脚本oninputNewscript当元素获得用户输入时运行脚本oninvalidNewscript当元素无效时运行脚本onresetscript当表单重置时运行脚本。HTML 5 不支持。onselectscript当选取元素时运行脚本onsubmitscript当提交表单时运行脚本键盘事件（Keyboard Events）属性值描述onkeydownscript当按下按键时运行脚本onkeypressscript当按下并松开按键时运行脚本onkeyupscript当松开按键时运行脚本鼠标事件（Mouse Events）通过鼠标触发事件, 类似用户的行为:
属性值描述onclickscript当单击鼠标时运行脚本ondblclickscript当双击鼠标时运行脚本ondragNewscript当拖动元素时运行脚本ondragendNewscript当拖动操作结束时运行脚本ondragenterNewscript当元素被拖动至有效的拖放目标时运行脚本ondragleaveNewscript当元素离开有效拖放目标时运行脚本ondragoverNewscript当元素被拖动至有效拖放目标上方时运行脚本ondragstartNewscript当拖动操作开始时运行脚本ondropNewscript当被拖动元素正在被拖放时运行脚本onmousedownscript当按下鼠标按钮时运行脚本onmousemovescript当鼠标指针移动时运行脚本onmouseoutscript当鼠标指针移出元素时运行脚本onmouseoverscript当鼠标指针移至元素之上时运行脚本onmouseupscript当松开鼠标按钮时运行脚本onmousewheelNewscript当转动鼠标滚轮时运行脚本onscrollNewscript当滚动元素的滚动条时运行脚本多媒体事件(Media Events)通过视频（videos），图像（images）或者音频（audio） 触发该事件，多应用于HTML媒体元素比如<audio>, <embed>, <img>, <object>, 和<video>):
属性值描述onabortscript当发生中止事件时运行脚本oncanplayNewscript当媒介能够开始播放但可能因缓冲而需要停止时运行脚本oncanplaythroughNewscript当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本ondurationchangeNewscript当媒介长度改变时运行脚本onemptiedNewscript当媒介资源元素突然为空时（网络错误、加载错误等）运行脚本onendedNewscript当媒介已抵达结尾时运行脚本onerrorNewscript当在元素加载期间发生错误时运行脚本onloadeddataNewscript当加载媒介数据时运行脚本onloadedmetadataNewscript当媒介元素的持续时间以及其他媒介数据已加载时运行脚本onloadstartNewscript当浏览器开始加载媒介数据时运行脚本onpauseNewscript当媒介数据暂停时运行脚本onplayNewscript当媒介数据将要开始播放时运行脚本onplayingNewscript当媒介数据已开始播放时运行脚本onprogressNewscript当浏览器正在取媒介数据时运行脚本onratechangeNewscript当媒介数据的播放速率改变时运行脚本onreadystatechangeNewscript当就绪状态（ready-state）改变时运行脚本onseekedNewscript当媒介元素的定位属性 [1] 不再为真且定位已结束时运行脚本onseekingNewscript当媒介元素的定位属性为真且定位已开始时运行脚本onstalledNewscript当取回媒介数据过程中（延迟）存在错误时运行脚本onsuspendNewscript当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本ontimeupdateNewscript当媒介改变其播放位置时运行脚本onvolumechangeNewscript当媒介改变音量亦或当音量被设置为静音时运行脚本onwaitingNewscript当媒介已停止播放但打算继续播放时运行脚本其他事件属性值描述onshowNewscript当 <menu> 元素在上下文显示时触发ontoggleNewscript当用户打开或关闭 <details> 元素时触发
HTML 事件属性
