在JavaScript中，当事件触发时，会创建一个事件对象，该对象包含与事件相关的信息。事件对象的属性和方法可以用于获取有关事件的详细信息，例如事件的类型、触发事件的元素以及鼠标位置等。
以下是一些常见的事件对象属性：
1. type： 表示事件的类型（例如，'click'、'mouseover'）。
2. target： 触发事件的 DOM 元素。
3. currentTarget： 事件处理程序当前正在处理事件的元素。
4. preventDefault()： 阻止事件的默认行为。
5. stopPropagation()： 阻止事件冒泡或捕获。
以下是一个简单的示例，演示如何使用事件对象：
<!DOCTYPE html>
<html>
<head>
<title>事件对象示例</title>
</head>
<body>
<button id="myButton">点击我</button>
<script>
document.getElementById("myButton").addEventListener("click", function(event) {
// 阻止默认行为
event.preventDefault();
// 输出事件类型和目标元素
console.log("事件类型：" + event.type);
console.log("目标元素：" + event.target.id);
// 修改目标元素的样式
event.target.style.backgroundColor = "red";
});
</script>
</body>
</html>
在上面的示例中，当按钮被点击时，事件处理程序会接收到一个事件对象 event。我们使用该对象来阻止默认行为（preventDefault()），输出事件的类型和目标元素，以及修改目标元素的样式。
转载请注明出处：http://www.zyzy.cn/article/detail/4376/HTML