HTML 事情特点


大局事情特点

HTML 4 的新特性之一是可以使 HTML 事情触发浏览器中的行为,比方说当用户点击某个 HTML 元素时发动一段 JavaScript。

假如你想学习更多关于事情特点,请拜访 JavaScript 教程

下面的表格供给了标准的事情特点,可以把它们刺进 HTML/XHTML 元素中,以界说事情行为。

New : HTML5新增特点事情。


窗口事情特点(Window Event Attributes)

由窗口触发该事情 (适用于 <body> 标签):

特点 描绘
onafterprintNew script 在打印文档之后运转脚本
onbeforeprintNew script 在文档打印之前运转脚本
onbeforeonloadNew script 在文档加载之前运转脚本
onblur script 当窗口失掉焦点时运转脚本
onerrorNew script 当过错发作时运转脚本
onfocus script 当窗口取得焦点时运转脚本
onhaschangeNew script 当文档改动时运转脚本
onload script 当文档加载时运转脚本
onmessageNew script 当触发音讯时运转脚本
onofflineNew script 当文档离线时运转脚本
ononlineNew script 当文档上线时运转脚本
onpagehideNew script 当窗口躲藏时运转脚本
onpageshowNew script 当窗口可见时运转脚本
onpopstateNew script 当窗口历史记录改动时运转脚本
onredoNew script 当文档履行再履行操作(redo)时运转脚本
onresizeNew script 当调整窗口巨细时运转脚本
onstorageNew script 当 Web Storage 区域更新时(存储空间中的数据发作变化时)运转脚本
onundoNew script 当文档履行吊销时运转脚本
onunloadNew script 当用户脱离文档时运转脚本


表单事情(Form Events)

表单事情在HTML表单中触发 (适用于一切 HTML 元素, 但该HTML元素需在form表单内):

特点 描绘
onblur script 当元素失掉焦点时运转脚本
onchange script 当元素改动时运转脚本
oncontextmenuNew script 当触发上下文菜单时运转脚本
onfocus script 当元素取得焦点时运转脚本
onformchangeNew script 当表单改动时运转脚本
onforminputNew script 当表单取得用户输入时运转脚本
oninputNew script 当元素取得用户输入时运转脚本
oninvalidNew script 当元素无效时运转脚本
onreset script 当表单重置时运转脚本。HTML 5 不支持。
onselect script 当选取元素时运转脚本
onsubmit script 当提交表单时运转脚本


键盘事情(Keyboard Events)

特点 描绘
onkeydown script 当按下按键时运转脚本
onkeypress script 当按下并松开按键时运转脚本
onkeyup script 当松开按键时运转脚本


鼠标事情(Mouse Events)

经过鼠标触发事情, 相似用户的行为:

特点 描绘
onclick script 当单击鼠标时运转脚本
ondblclick script 当双击鼠标时运转脚本
ondragNew script 当拖动元素时运转脚本
ondragendNew script 当拖动操作完毕时运转脚本
ondragenterNew script 当元素被拖动至有用的拖放方针时运转脚本
ondragleaveNew script 当元素脱离有用拖放方针时运转脚本
ondragoverNew script 当元素被拖动至有用拖放方针上方时运转脚本
ondragstartNew script 当拖动操作开端时运转脚本
ondropNew script 当被拖动元素正在被拖放时运转脚本
onmousedown script 当按下鼠标按钮时运转脚本
onmousemove script 当鼠标指针移动时运转脚本
onmouseout script 当鼠标指针移出元素时运转脚本
onmouseover script 当鼠标指针移至元素之上时运转脚本
onmouseup script 当松开鼠标按钮时运转脚本
onmousewheelNew script 当翻滚鼠标滚轮时运转脚本
onscrollNew script 当翻滚元素的翻滚条时运转脚本


多媒体事情(Media Events)

经过视频(videos),图画(images)或许音频(audio) 触发该事情,多应用于HTML媒体元素比方 <audio>, <embed>, <img>, <object>, 和<video>):

特点 描绘
onabort script 当发作间断事情时运转脚本
oncanplayNew script 当前言可以开端播映但或许因缓冲而需求中止时运转脚本
oncanplaythroughNew script 当前言可以无需因缓冲而中止即可播映至完毕时运转脚本
ondurationchangeNew script 当前言长度改动时运转脚本
onemptiedNew script 当前言资源元素忽然为空时(网络过错、加载过错等)运转脚本
onendedNew script 当前言已抵达完毕时运转脚本
onerrorNew script 当在元素加载期间发作过错时运转脚本
onloadeddataNew script 当加载前言数据时运转脚本
onloadedmetadataNew script 当前言元素的持续时间以及其他前言数据已加载时运转脚本
onloadstartNew script 当浏览器开端加载前言数据时运转脚本
onpauseNew script 当前言数据暂停时运转脚本
onplayNew script 当前言数据即将开端播映时运转脚本
onplayingNew script 当前言数据已开端播映时运转脚本
onprogressNew script 当浏览器正在取前言数据时运转脚本
onratechangeNew script 当前言数据的播映速率改动时运转脚本
onreadystatechangeNew script 当安排妥当状况(ready-state)改动时运转脚本
onseekedNew script 当前言元素的定位特点 [1] 不再为真且定位已完毕时运转脚本
onseekingNew script 当前言元素的定位特点为真且定位已开端时运转脚本
onstalledNew script 当取回前言数据过程中(推迟)存在过错时运转脚本
onsuspendNew script 当浏览器已在取前言数据但在取回整个前言文件之前中止时运转脚本
ontimeupdateNew script 当前言改动其播映方位时运转脚本
onvolumechangeNew script 当前言改动音量亦或当音量被设置为静音时运转脚本
onwaitingNew script 当前言已中止播映但计划持续播映时运转脚本

其他事情

特点 描绘
onshowNew script 当 <menu> 元素在上下文显现时触发
ontoggleNew script 当用户翻开或封闭 <details> 元素时触发