HTML5 新事件 小结

HTML5是一种新型的网页开发技术，随着新版本的发布，它不断地引进新的CSS和JavaScript特性以及新元素和API等，以满足网站开发的需要。在HTML5中，有很多种新事件，包括输入事件、媒体事件、事件委托、拖放事件、网络事件以及WebWorkers和WebSocket等等。

输入事件

HTML5中的输入事件大致可分为两类，一个是表单输入事件，例如：input, select, radio, check，其触发方式通常是表单提交或按下回车键，其次是键盘输入事件，例如：keydown, keypress, keyup，它们可以检测到哪个按键被按下、释放和输入。

媒体事件

HTML5中有很多的媒体事件，包括：loadedmetadata、play、waiting和error等等。这些事件被用于调整音频和视频的播放和控制。loadedmetadata事件可以检测媒体文件是否被正常加载。play事件指示了音频或视频何时开始播放。waiting事件指示了接下来的内容还需要加载，或者正在进行缓冲。error事件指示了媒体加载时的错误。

事件委托

HTML5中的事件委托，与事件冒泡机制是紧密相关的。委托是在父元素上监听事件的方式，当子元素上触发该事件时，父级事件会捕获该事件，并且能够控制被触发事件的元素。委托检测事件的系统会查看正在处理的事件的目标元素，然后检查该元素是否是委托的子元素；如果是，则执行响应的代码。

拖放事件

拖放事件用于在HTML5中进行拖放操作。常见的拖放事件包括dragstart、dragend和dragover等。当拖动一个元素时，dragstart被触发，当释放一个元素时，dragend被触发。与此同时，dragover可以检测到元素正在拖动，并可以控制元素被放置的位置。

网络事件

HTML5的网络事件可分为两类，一类是和网络请求相关的事件，例如：load、readystatechange和abort事件。load事件用于检测到HTML文件、JavaScript或CSS文件的加载完成，readystatechange事件检测事件是否正在进行，而abort事件是用于停止网络请求的。

WebWorkers和WebSocket

WebWorkers和WebSocket是HTML5的两个重要特性，它们提供了全新的网页开发技术。WebWorkers可以是脚本在后台执行，并且不影响用户界面，WebSockets则提供了双向通信功能，使得网页的功能更加丰富。

总结

HTML5的新事件为网页开发提供了更多的选择和更多的功能。不同的事件可以被用于不同的场景，例如：输入事件主要符合表单提交和对键盘输入的处理，媒体事件用于媒体文件的控制，拖放事件则用于实现拖动和释放元素的特性，网络事件和WebWorkers和WebSocket则为网页提供了更加完整和全面的功能。未来，HTML5还将不断地引进新的技术和特性，届时各种事件的应用将更为广泛。