html事件属性总结

最新推荐文章于 2021-12-01 21:15:07 发布

lcr_happy

最新推荐文章于 2021-12-01 21:15:07 发布

阅读量769

点赞数 1

分类专栏： html5 文章标签： html 事件触发 javascript

本文链接：https://blog.csdn.net/lcr_happy/article/details/77417904

版权

html5 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

对于以下的事件属性很多是html5中才有的。

Window事件属性

针对window对象触发的时间（应用body标签）：

onafterprint: 文档打印之后运行的脚本
onbeforeprint:文档打印之前运行的脚本
onbeforeunload:文档卸载之前运行的脚本
onerror:在错误发生时运行的脚本
onhaschange:当文档已改变时运行的脚本
onload:页面结束加载之后触发
onmessage:在消息被触发时运行的脚本
onoffline:当文档离线时运行的脚本
ononline:当文档上线时运行的脚本
onpagehide:当窗口隐藏时运行的脚本
onpageshow:当窗口成为可见时运行的脚本
onpopstate:当窗口历史记录改变时运行的脚本
onredo:当文本执行撤销（redo）时运行的脚本
onresize:当浏览器窗口被调整大小时触发
onstorage:在web Storage区域更新后运行的脚本
onundo:在文档执行undo时运行的脚本
onunload:一旦页面已下载时出发（或者浏览器窗口已被关闭）。

Form事件

由HTML表单内的动作触发事件（应用到几乎所有HTML元素，但最常用在form元素中）

onblur:元素失去焦点时运行的脚本
onchange:在元素值被改变时运行的脚本
oncontextmenu:当上下文菜单被触发时运行的脚本
onfocus:当元素获得焦点时运行的脚本
onformchange:当表单改变时运行的脚本
onforminput:当表单获得用户输入时运行的脚本
oninput:当元素获得用户输入时运行的脚本
oninvalid:当元素无效时运行的脚本
onreset:当表单中的重置按钮被点击时触发。HTML5不支持
onselect:在元素中文本被选中后触发
onsubmit:在提交表单时触发

keyboard事件

onkeydown:在用户按下按键时触发
onkeypress:在用户敲击按钮时触发
onkeyup:当用户释放按键时触发

Mouse事件

由鼠标或类似用户动作触发的事件

onclick:(最常用)元素上发生鼠标点击时触发
ondbclick:元素上发生鼠标双击时触发
ondrag:元素被拖动时运行的脚本
ondragend:在拖动操作末端运行的脚本
ondragleave:当元素离开有效拖动目标时运行的脚本
ondragover:当元素在有效拖动目标上正在被拖动时运行的脚本
ondragstart:在拖动操作开端运行的脚本
ondrop:当被拖元素正在被拖放时运行的脚本
onmousedown:当元素上按下鼠标按钮时触发
onmousemove:当鼠标指针移动到元素上触发
onmouseout:当鼠标指针移出元素时触发
onmouseover:当鼠标指针移动到元素上触发
onmouseup:当在元素上释放鼠标按钮时触发
onmousewheel:当鼠标滚轮正在被滚动时运行的脚本
onscroll:当元素滚动条被滚动时运行的脚本

media事件

由媒介（比如视频、图像和音频）触发的事件（适用于所有HTML元素，但常见于媒介元素中，比如audio,embed,img,object,video）

onabort:在退出时运行的脚本
oncanplay:当文件就绪可以开始播放时运行的脚本（缓冲已足够开始时）
oncanplaythrough:当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本
ondurationchange:当媒介长度改变时运行的脚本
onemptied:当发生故障并且文件突然不可用时运行的脚本
onended:当媒介已到达结尾时运行的脚本（”可发送类似“感谢观看”之类的消息”）
onerror:当文件加载期间发生错误时运行的脚本
onloadeddata:当媒介数据已加载运行的脚本
onloadedmetadata:当元数据（比如分辨率和时长）被加载时运行的脚本
onloadstart:在文件开始加载且未实际加载任何数据前运行的脚本
onpause:当媒介被用户或者程序暂停时运行的脚本
onplay:当媒介就绪可以开始播放时运行的脚本
onplaying:当媒介已开始播放时运行的脚本
onprogress:当浏览器正在获取媒介数据时运行的脚本
onratechange：每当回放速率改变时运行的脚本（比如当用户切换到慢动作或快进模式）。
onreadystatechange:每当就绪状态改变时运行的脚本（就绪状态监测媒介数据的状态）。
onseeked:当 seeking 属性设置为 false（指示定位已结束）时运行的脚本。
onseeking:当 seeking 属性设置为 true（指示定位是活动的）时运行的脚本。
onstalled:在浏览器不论何种原因未能取回媒介数据时运行的脚本。
onsuspend:在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。
ontimeupdate:当播放位置改变时（比如当用户快进到媒介中一个不同的位置时）运行的脚本。
onvolumechange:每当音量改变时（包括将音量设置为静音）时运行的脚本。
onwaiting:当媒介已停止播放但打算继续播放时（比如当媒介暂停已缓冲更多数据）运行脚本