XHTML 中的事件处理与 HTML 类似,主要通过 JavaScript 来实现。事件是与网页中的元素交互时发生的动作,比如点击按钮、提交表单、鼠标悬停等。以下是一些常见的 XHTML 事件:

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