如何有效处理JavaScript中的事件对象e？

在JavaScript中，事件是用户与页面交互的桥梁。事件可以是点击、键盘按键、鼠标移动等动作。当事件发生时，可以通过编写事件处理程序来指定要执行的操作。使用addEventListener方法可以为特定元素添加事件监听器，以便在触发事件时运行特定的JavaScript代码。

JavaScript 事件对象（Event Object）

JavaScript 事件对象是当浏览器或开发者创建的事件被触发时，传递给事件处理程序的一个参数，它包含了关于触发事件的详细信息，例如触发事件的元素、事件类型等，以下是关于 JavaScript 事件对象的详细介绍：

属性

方法

示例代码

document.getElementById("myButton").addEventListener("click", function(e) {
  console.log("事件类型： " + e.type);
  console.log("触发元素： " + e.target);
  console.log("绑定事件处理程序的元素： " + e.currentTarget);
  console.log("事件时间戳： " + e.timeStamp);
});

相关问题与解答

问题1：如何阻止事件的默认行为？

解答：可以使用事件对象的preventDefault() 方法来阻止事件的默认行为，在点击链接时阻止其跳转：

document.querySelector("a").addEventListener("click", function(e) {
  e.preventDefault();
});

问题2：如何阻止事件继续传播到其他节点？

解答：可以使用事件对象的stopPropagation() 方法来阻止事件继续传播到其他节点，阻止点击事件冒泡到父元素：

document.querySelector("button").addEventListener("click", function(e) {
  e.stopPropagation();
});