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