【HTML5】HTML事件属性总结

HTML事件属性

HTML4增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动JavaScript。
下面列出了添加到HTML元素中,定义事件动作的全局事件属性,HTML5引入的事件被标记为红色,HTML5不支持的被标记删除线。

Window事件属性

下面是针对 window 对象触发的事件 => <body>

属性 描述
onafterprint script 文档打印之后触发
onbeforeprint script 文档打印之前触发
onbeforeunload script 文档卸载之前触发
onerror script 当错误发生时触发
onhaschange script 当文档已改变时触发
onload script 页面结束加载之后触发
onmessage script 当消息被触发时触发
onoffline script 当文档离线时触发
ononline script 当文档上线时触发
onpagehide script 当窗口隐藏时触发
onpageshow script 当窗口成为可见时触发
onpopstate script 当窗口历史记录改变时触发
onredo script 当文档执行redo时触发
onresize script 当浏览器窗口被调整大小时触发
onstorage script 当Web Storage区域更新后触发
onundo script 当文档执行undo时触发
onunload script 当页面已下载或者浏览器窗口已被关闭时触发

Form事件属性

下面是由HTML表单内的动作触发的事件 => 几乎所有的标签,特别是<form>

属性 描述
onblur script 当元素失去焦点时触发
onchange script 当元素值被改变时触发
oncontextmenu script 当上下文菜单被触发时触发
onfocus script 当元素获得焦点时触发
onformchange script 当表单被改变时触发
onforminput script 当表单获得用户输入时触发
oninput script 当元素获得用户输入时触发
oninvalid script 当元素无效时触发
onreset script 当表单中的重置按钮被点击时触发
onselect script 当元素中文本被选中后触发
onsubmit script 当提交表单时触发

Keyboard事件属性

下面是由键盘或类似用户动作触发的事件:

属性 描述
onkeydown script 当用户按下按键时触发
onkeypress script 当用户敲击按钮时触发
onkeyup script 当用户释放按键时触发

Mouse事件属性

下面是由鼠标或类似用户动作触发的事件:

属性 描述
onclick script 当元素上发生鼠标点击时触发
ondblclick script 当元素上发生鼠标双击时触发
ondrag script 当元素被拖动时触发
ondragend script 当拖动操作结束时触发
ondragenter script 当元素元素已被拖动到有效拖放区域时触发
ondragleave script 当元素离开有效拖放目标时触发
ondragover script 当元素在有效拖放目标上正在被拖动时触发
ondragstart script 当拖动操作开始时触发
ondrop script 当被拖元素正在被拖放时触发
onmousedown script 当元素上按下鼠标按钮时触发
onmousemove script 当鼠标指针移动到元素上时触发
onmouseout script 当鼠标指针移出元素时触发
onmouseover script 当鼠标指针移动到元素上时触发
onmouseup script 当在元素上释放鼠标按钮时触发
onmousewheel script 当鼠标滚轮正在被滚动时触发
onscroll script 当元素滚动条被滚动时触发

Media事件属性

下面是由视频、图像、音频等媒体触发的事件 => 所有的标签,常用于<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 在媒体文件开始加载且未实际加载任何数据前触发
onpause script 当媒体被用户或程序暂停时触发
onplay script 当媒体已就绪可以开始播放时触发
onplaying script 当媒体已开始播放时触发
onprogress script 当浏览器正在获取媒体数据时触发
onratechange script 当回放速率改变时触发
onreadystatechange script 当就绪状态改变时触发
onseeked script 当seeking属性设置为false(指示定位已结束)时触发
onseeking script 当seeking属性设置为true(指示定位是活动的)时触发
onstalled script 当浏览器不论何种原因未能取回媒体数据时触发
onsuspend script 当媒体数据完全加载之前不论何种原因终止取回媒体数据时触发
ontimeupdate script 当播放位置改变(如快进到某位置)时触发
onvolumechange script 当音量改变时(包括将音量设置为静音)时触发
onwaiting script 当媒介已停止播放但打算继续播放时(如媒介暂停以缓冲更多数据)触发
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章