1. 点击事件(click): 当用户点击某个元素时触发。
<button onclick="myFunction()">Click me</button>
2. 改变事件(change): 当用户改变表单元素的值时触发。
<input type="text" onchange="myFunction()">
3. 鼠标悬停事件(mouseover): 当鼠标悬停在元素上时触发。
<p onmouseover="myFunction()">Hover over me</p>
4. 焦点事件(focus): 当元素获得焦点时触发。
<input type="text" onfocus="myFunction()">
5. 失去焦点事件(blur): 当元素失去焦点时触发。
<input type="text" onblur="myFunction()">
6. 键盘事件(keydown、keyup、keypress): 当用户按下或释放键盘上的键时触发。
<input type="text" onkeydown="myFunction()">
7. 表单提交事件(submit): 当用户提交表单时触发。
<form onsubmit="myFunction()">
<!-- form elements go here -->
</form>
这些事件处理程序通常被定义在元素的属性中,比如 onclick、onchange、onmouseover 等。在这些属性中,你可以指定要调用的 JavaScript 函数,比如 myFunction()。
示例 JavaScript 函数:
<script type="text/javascript">
function myFunction() {
alert("Event triggered!");
}
</script>
请注意,HTML5 已经成为主流的标准,而 HTML5 的事件处理方式更加灵活,推荐使用 addEventListener 方法来附加事件处理程序。如果你正在进行新的项目,建议使用 HTML5,而不是 XHTML。
转载请注明出处:http://www.pingtaimeng.com/article/detail/3602/XHTML