js event属性讲解 用中文讲

在JavaScript中，事件属性是指在文档中发生事件时，与该事件相关的属性。这些属性包含了事件的详细信息，如事件类型、目标元素、鼠标位置、键盘按键等。常见的事件属性有：

1. event.type：表示事件类型，如click、mouseover、keydown等。

2. event.target：表示事件目标，即触发事件的元素。

3. event.clientX和event.clientY：表示鼠标在窗口中的坐标位置。

4. event.keyCode：表示按下的键盘按键的ASCII码。

5. event.preventDefault()：阻止事件的默认行为。

6. event.stopPropagation()：阻止事件的冒泡传递。

事件属性可以通过事件处理函数来访问，例如：

document.getElementById("myButton").addEventListener("click", function(event) {
  console.log(event.type); //输出click
  console.log(event.target); //输出触发事件的元素
  console.log(event.clientX + "," + event.clientY); //输出鼠标坐标位置
  console.log(event.keyCode); //输出按下的键盘按键的ASCII码
  event.preventDefault(); //阻止事件的默认行为
  event.stopPropagation(); //阻止事件的冒泡传递
});

通过使用事件属性，开发者可以更加灵活地控制和处理页面中的各种事件，从而实现更好的用户交互体验。