js 如何获取 addEventListener 的监听事件

要获取 addEventListener 的监听事件，可以使用 getEventListeners() 方法。该方法可以返回指定元素上指定事件类型的所有事件监听器。例如，要获取元素 btn 上的 click 事件监听器，可以使用以下代码：

var btn = document.getElementById("btn");
var listeners = getEventListeners(btn);
var clickListeners = listeners.click;
console.log(clickListeners);

这将返回一个数组，其中包含所有添加到 btn 元素的 click 事件监听器。如果没有添加任何监听器，则返回一个空数组。

相关问题

addEventListener监听事件

addEventListener是JavaScript中用于添加事件监听器的方法。它允许开发者在DOM元素上注册特定的事件处理函数，当事件发生时，该函数将被自动调用。addEventListener接受三个参数：要监听的事件类型、要触发的函数以及是否在捕获或冒泡阶段调用该函数。例如，以下代码会在按钮元素上添加一个click事件监听器：

const btn = document.querySelector('#myButton');
btn.addEventListener('click', function(event) {
  console.log('按钮被点击了！');
});

当用户单击该按钮时，该事件监听器将被触发，并将日志消息“按钮被点击了！”输出到控制台。

js 取消addEventListener 监听

在JavaScript中，我们可以使用addEventListener方法来给元素添加事件监听器。而取消（或移除）已添加的事件监听器，可以使用removeEventListener方法。

removeEventListener方法的语法如下：
element.removeEventListener(event, listener, useCapture);

其中，element是要移除事件监听器的元素，event是要移除的事件类型，listener是要移除的事件处理函数，useCapture是一个可选参数，表示是否使用捕获模式。

需要注意的是，移除事件监听器时，传入的参数要与添加监听器时的参数完全一致，包括事件类型和事件处理函数。