Javascript DOM，如何判断哪个事件监听器被触发？

在JavaScript中，可以通过事件对象来判断哪个事件监听器被触发。事件对象是在事件被触发时自动创建的，并作为参数传递给事件处理函数。

要判断哪个事件监听器被触发，可以使用事件对象的属性来进行判断。以下是一些常用的属性：

target属性：表示触发事件的元素。可以通过target属性来判断事件是在哪个元素上被触发的。
currentTarget属性：表示当前正在处理事件的元素。在事件冒泡过程中，事件会从触发元素一直冒泡到最顶层的元素。可以通过currentTarget属性来判断事件当前正在处理的元素。
type属性：表示触发的事件类型。可以通过type属性来判断是哪种类型的事件被触发。

通过这些属性，可以根据具体的需求来判断哪个事件监听器被触发。例如，可以通过比较target属性的值来判断事件是在哪个元素上被触发的，或者通过比较type属性的值来判断是哪种类型的事件被触发。

以下是一个示例代码，演示如何判断哪个事件监听器被触发：

// HTML
<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>

// JavaScript
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");

function handleClick(event) {
  if (event.target === btn1) {
    console.log("按钮1被点击");
  } else if (event.target === btn2) {
    console.log("按钮2被点击");
  }
}

btn1.addEventListener("click", handleClick);
btn2.addEventListener("click", handleClick);

在上面的代码中，我们给按钮1和按钮2分别添加了点击事件的监听器。在事件处理函数handleClick中，通过比较event.target的值来判断是哪个按钮被点击。

这是一个简单的示例，实际应用中可能会涉及更复杂的场景和判断逻辑。根据具体的需求，可以使用事件对象的属性来判断哪个事件监听器被触发。

腾讯云相关产品和产品介绍链接地址：