HTML5 中的事件是与 HTML 元素相关联的行为或发生的事情。通过使用事件,您可以定义在用户与网页交互时要执行的 JavaScript 代码。以下是一些常见的 HTML5 事件:

1. 鼠标事件:
   - onclick: 当鼠标单击元素时触发。
   - ondblclick: 当鼠标双击元素时触发。
   - onmousedown: 当按下鼠标按钮时触发。
   - onmouseup: 当释放鼠标按钮时触发。
   - onmousemove: 当鼠标指针移动时触发。
   - onmouseover: 当鼠标指针移动到元素上时触发。
   - onmouseout: 当鼠标指针移出元素时触发。

2. 键盘事件:
   - onkeydown: 当按下键盘键时触发。
   - onkeyup: 当释放键盘键时触发。
   - onkeypress: 当按下键盘键并松开时触发。

3. 表单事件:
   - onsubmit: 当提交表单时触发。
   - onreset: 当重置表单时触发。
   - onchange: 当元素的值发生改变时触发。
   - onfocus: 当元素获得焦点时触发。
   - onblur: 当元素失去焦点时触发。

4. 文档加载事件:
   - onload: 当页面加载完成时触发。
   - onunload: 当用户离开页面时触发。

5. 窗口事件:
   - onresize: 当浏览器窗口大小调整时触发。
   - onscroll: 当用户滚动页面时触发。

6. 移动设备事件:
   - ontouchstart: 当用户触摸屏幕时触发。
   - ontouchmove: 当用户在触摸屏上滑动时触发。
   - ontouchend: 当用户离开触摸屏时触发。

这只是一小部分 HTML5 事件。您可以通过在 HTML 元素上使用相应的事件属性,例如 onclick 或 onchange,来指定事件处理程序的 JavaScript 代码。例如:
<button onclick="myFunction()">点击我</button>

<script>
function myFunction() {
    alert("Hello, World!");
}
</script>

请注意,为了保持良好的代码结构和可维护性,最好将事件处理程序放在 JavaScript 文件中,而不是直接在 HTML 属性中编写。


转载请注明出处:http://www.zyzy.cn/article/detail/12502/HTML5