知识问答
HTML5中的事件属性有哪些，它们是如何工作的？
HTML5的事件属性为网页开发者提供了一种强大的工具，使得他们可以通过JavaScript来响应用户与网页的交互，这些事件属性不仅增强了网页的动态性和互动性，还允许开发者根据用户的实际操作来执行特定的功能，以下是对这些事件属性的详细介绍：
Window 事件属性
1、onafterprint：文档打印之后触发。
2、onbeforeprint：文档打印之前触发。
3、onbeforeunload：文档卸载之前触发。
4、ｏｎｅｒｒｏｒ：在错误发生时触发。
5、onhashchange：当文档的片段标识符改变时触发。
6、onload：页面加载完成后触发。
7、onmessage：在消息被触发时运行脚本。
8、onoffline：当文档离线时触发。
9、ononline：当文档上线时触发。
10、onpagehide：窗口隐藏时触发。
11、onpageshow：窗口成为可见时触发。
12、onpopstate：当浏览器历史记录改变时触发。
13、onredo：当文档执行撤销操作后触发。
14、onresize：当浏览器窗口大小调整时触发。
15、onstorage：在 Web Storage 区域更新后触发。
16、onundo：当文档执行撤销操作时触发。
Form 事件属性
1、onblur：元素失去焦点时触发。
2、onchange：表单元素值改变时触发。
3、oncontextmenu：上下文菜单被触发时触发。
4、onfocus：元素获得焦点时触发。
5、onformchange：表单改变时触发。
6、onforminput：表单获得用户输入时触发。
7、oninput：元素获得用户输入时触发。
8、oninvalid：当元素无效时触发。
9、onreset：表单中的重置按钮被点击时触发。
10、onselect：元素中文本被选中后触发。
11、onsubmit：提交表单时触发。
Keyboard 事件属性
1、onkeydown：按下按键时触发。
2、onkeypress：敲击按钮时触发。
3、onkeyup：释放按键时触发。
Mouse 事件属性
1、onclick：单击鼠标时触发。
2、ondblclick：双击鼠标时触发。
3、ondrag：元素被拖动时触发。
4、ondragend：拖动操作结束时触发。
5、ondragenter：元素已被拖动到有效拖放区域时触发。
6、ondragleave：元素离开有效拖放目标时触发。
7、ondragover：元素在有效拖放目标上正在被拖动时触发。
8、ondragstart：拖动操作开始时触发。
9、ondrop：被拖元素正在被拖放时触发。
10、onmousedown：按下鼠标按钮时触发。
11、onmousemove：鼠标指针移动到元素上时触发。
12、onmouseout：鼠标指针移出元素时触发。
13、onmouseover：鼠标指针移至元素之上时触发。
14、onmouseup：在元素上释放鼠标按钮时触发。
15、onmousewheel：鼠标滚轮正在被滚动时触发。
16、onscroll：元素滚动条被滚动时触发。
Media 事件属性
1、onabort：退出时运行的脚本。
2、oncanplay：当媒体文件就绪、缓冲已足够开始播放时触发。
3、oncanplaythrough：当媒体能够无需因缓冲而停止即可播放至结尾时触发。
4、ondurationchange：当媒体长度改变时触发。
5、onemptied：当发生意外断开等故障，媒体文件突然不可用时触发。
6、onended：当媒体已到达结尾时触发。
7、ｏｎｅｒｒｏｒ：当媒体文件加载期间发生错误时触发。
8、onloadeddata：当媒体数据已加载时触发。
9、onloadedmetadata：当元数据（分辨率、时长等）被加载时触发。
10、onloadstart：在媒体文件开始加载且未实际加载任何数据前触发。
11、onpause：当媒体被用户或程序暂停时触发。
12、onplay：当媒体已就绪可以开始播放时触发。
13、onplaying：当媒体已开始播放时触发。
14、onprogress：当浏览器正在获取媒体数据时触发。
15、onratechange：当回放速率改变时触发。
16、onreadystatechange：当就绪状态改变时触发。
17、onseeked：当媒介元素的定位属性不再为真且定位已结束时运行脚本。
18、onseeking：当媒介元素的定位属性为真且定位已开始时运行脚本。
19、onstalled：取回媒介数据过程中存在错误时触发。
20、onsuspend：浏览器已在取媒介数据但在取回整个媒介文件之前停止时触发。
21、ontimeupdate：当媒介元素的播放位置改变时触发。
相关问答FAQs
1、什么是HTML5中的全局事件属性？
HTML5中的全局事件属性是指可以应用于任何HTML元素的事件属性，它们允许开发者通过JavaScript响应用户与网页的各种交互行为。onclick用于处理鼠标点击事件，onload用于在页面加载完成时执行脚本。
2、如何在HTML中使用这些事件属性？
在HTML中使用这些事件属性非常简单，只需在相应的HTML标签中添加这些属性，并指定要执行的JavaScript函数或脚本即可。<button onclick="alert('Hello, World!')">Click me</button>会在按钮被点击时弹出一个提示框显示“Hello, World!”。
