Javascript 获取触发事件的元素

在前端开发中，有时候需要获取触发某个事件的元素，以便进行相关操作。Javascript 提供了多种获取元素的方法，本文将介绍其中的三种方法。

1. 使用 event.target

event.target 是一个返回事件目标的只读属性，它返回触发事件的元素。

document.getElementById("mydiv").addEventListener("click", function(event){
  alert(event.target.id);
});

上面的代码中，我们为 id 为 mydiv 的元素绑定了一个点击事件。当我们点击这个元素时，它会弹出一个提示框，显示该元素的 id。

2. 使用 this

在 Javascript 中，this 表示当前对象，事件处理函数中的 this 指向触发事件的元素。

document.getElementById("mydiv").addEventListener("click", function(){
  alert(this.id);
});

上面的示例与前一个示例的效果一样，可以获取点击元素的 id。

3. 使用 event.currentTarget

event.currentTarget 返回绑定事件处理程序的元素，即绑定事件的元素。

document.getElementById("mydiv").addEventListener("click", function(event){
  alert(event.currentTarget.id);
});

上述的代码中，我们同样为 id 为 mydiv 的元素绑定了一个点击事件。当点击该元素时，它会弹出一个提示框，显示该元素的 id。

以上就是 Javascript 获取触发事件的元素的三种方法。通过这些方法，我们可以轻松地获取到触发事件的元素，进而进行各种操作。