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