下面的表格列出了可插入 html 5 元素中以定义事件行为的标准事件属性。
window 事件属性 – window event attributes 表单事件 – form events 键盘事件 – keybord events 鼠标事件 – mou events 媒介事件 – media events
window 事件属性
window 对象触发的事件。适用于 <body> 标签:
属性 | 值 | 描述 | onafterprint
script在打印文档之后运行脚本onbeforeprint
script在文档打印之前运行脚本onbeforeonload
script在文档加载之前运行脚本onblur
script当窗口失去焦点时运行脚本onerror
script当错误发生时运行脚本onfocus
script当窗口获得焦点时运行脚本onhaschange
script当文档改变时运行脚本onload
script当文档加载时运行脚本onmessage
script当触发消息时运行脚本onoffline
script当文档离线时运行脚本ononline
sc王后雄教育ript当文档上线时运行脚本onpagehide
script当窗口世界最美女星隐藏时运行脚本onpageshow
script当窗口可见时运行脚本onpopstate
script当窗口历史记录改变时运行脚本onredo
script当文档执行再执行操作(redo)时运行脚本onresize
script当调整窗口大小时运行脚本onstorage
script当文档加载加载时运行脚本onundo
script当 web storage 区域更新时(存储空间中的数据发生变化时)onunload
script当用户离开文档时运行脚本
表单事件
由 html 表单内部的动作触发的事件。适用于所有 html 5 元素,不过最常用于表单元素中:
属性 | 值 | 描述 | onblur
script当元素失去焦点时运行脚本onchange
script当元素改变时运行脚本oncontextmenu
script当触发上下文菜单时运行脚本onfocus
script当元素获得焦点时运行脚本onformchange
script当表单改变时运行脚本onforminput
script当表单获得用户输入时运行脚本oninput
script当元素获得用户输入时运行脚本oninvalid
script当元素无效时运行脚本onret
script当表单重置时运行脚本。
html 5 不支持。onlect
script当选取元素时运行脚本onsubmit
script当提交表单时运行脚本
键盘事件
由键盘触发的事件。适用于所有 html 5 元素:
属性 | 值 | 描述 | onkeydown
script当按下按键时运行脚本onkeypress
script当按下并松开按键时运行脚本哄对象的话onkeyup
script当松开按键时运行脚本
鼠标事件
由鼠标或相似的用户动作触发的事件。适用于所有 html 5 元素:
属性 | 值 | 描述 | onclick
script当单击鼠标时运行脚本ondblclick
script当双击鼠标时运行脚本ondrag
script当拖动元素时运行脚本ondragend
script当拖动操作结束时运行脚本ondragenter
script当元素被拖动至有效的拖放目标时运行脚本ondragleave
script当元素离开有效拖放目标时运行脚本ondragover
script当元素被拖动至有效拖放目标上方时运行脚本ondragstart
script当拖动操作开始时运行脚本ondrop
script当被拖动元素正在被拖放时运行脚本onmoudown
script当按下鼠标按钮时运行脚本onmoumove
script当鼠标指针移动时运行脚本onmouout
script当鼠标指针移出元素时运行脚本onmouover
script当鼠标指针移至元素之上时运行脚本onmouup
script当松开鼠标按钮时运行脚本onmouwheel
script当转动鼠标滚轮时运行脚本onscroll
script当滚动元素滚动元素的滚动条时运行脚本
媒介事件
由视频、图像以及音频等媒介触发的事件。适用于所有 html 5 元素,不过在媒介元素(诸如 audio、embed、img、object 以及 video)中最常用:
属性 | 值 | 描述 | onabort
script当发生中指事件时运行脚本oncanplay
script当媒介能够开始播放但可能因缓冲而需要停止时运行脚本oncanplaythrough
script当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本ondurationchange
script当媒介长度改变时运行脚本onemptied
script当媒介资源元素突然为空时(网络错误、加载错误等)运行脚本onended
script当媒介已抵达结尾时运行脚本onerror
script当在元素加载期间发生错误时运行脚本onloadeddata
script当加载媒介数据时运行脚本onloadedmetadata
script当媒介元素的持续时间以及其他媒介数据已加载时运行脚本onloadstart
script当浏览器开始加载媒介数据时运行脚本onpau横膈膜呼吸法
script当媒介数据暂停时运行脚本onplay
script当媒介数据将要开始播放时运行脚本onplaying
script当媒介数据已开始播放时运行脚本onprogress
script当浏览器正在取媒介数据时运行脚本onratechange
script当媒介数据的播放速率改变时运行脚本onreadystatechange
script当就绪状态(ready-state)改变时运行脚本oneked
script当媒介元素的定位属性[1]不再为真且定位已结束时运行脚本oneking
script当媒介元素的定位属性为真且定位已开始时运行脚本onstalled
script当取回媒介数据过程中(延迟)存在错误女人尿失禁时运行脚本onsuspend
script当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本ontimeupdate
script当媒介改变其播放位置时运行脚本onvolumechange
script当媒介改变音量亦或当音量被设置为静音时运行脚本onwaiting
script当媒介已停止播放但打算继续播放时运行脚本
[1]:定位属性的英文译文是:eking attribute。
以上这篇html5事件方法全部汇总就是www.887551.com分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持www.887551.com。