如果我理解得很好，你只能检查是否检查了一个听众，而不能检查哪个听众是具体的演示者。

因此，一些特别的代码将填补空白，以处理您的编码流。一种实用的方法是使用变量创建状态。例如，像下面这样附加一个监听器的检查器:

var listenerPresent=false

然后如果你设置了一个监听器，只需要改变这个值:

listenerPresent=true

然后在你的eventListener的回调中，你可以在里面分配特定的函数，以同样的方式，根据某些状态作为变量来分配对函数的访问:

accessFirstFunctionality=false
accessSecondFunctionality=true
accessThirdFunctionality=true

我是这样做的:

const element = document.getElementById('div');

if (element.getAttribute('listener') !== 'true') {
     element.addEventListener('click', function (e) {
         const elementClicked = e.target;
         elementClicked.setAttribute('listener', 'true');
         console.log('event has been attached');
    });
}

在附加侦听器时为元素创建一个特殊属性，然后检查它是否存在。

没有办法检查动态附加的事件侦听器是否存在。

查看事件监听器是否被附加的唯一方法是像这样附加事件监听器:

elem.onclick = function () { console.log (1) }

然后，您可以通过返回!!elem测试事件侦听器是否附加到onclick。点击(或类似的东西)。

我要做的是在你的函数外面创建一个布尔值，开始时为FALSE，当你附加事件时被设置为TRUE。在再次附加事件之前，这将作为某种标志。这里有一个关于这个想法的例子。

// initial load
var attached = false;

// this will only execute code once
doSomething = function()
{
 if (!attached)
 {
  attached = true;
  //code
 }
} 

//attach your function with change event
window.onload = function()
{
 var txtbox = document.getElementById('textboxID');

 if (window.addEventListener)
 {
  txtbox.addEventListener('change', doSomething, false);
 }
 else if(window.attachEvent)
 {
  txtbox.attachEvent('onchange', doSomething);
 }
}

似乎没有跨浏览器的函数来搜索在给定元素下注册的事件。

但是，可以使用某些浏览器的开发工具查看元素的回调函数。当试图确定网页的功能或调试代码时，这可能很有用。

火狐

首先，在开发人员工具中的Inspector选项卡中查看元素。这可以做到:

在页面上右键单击要检查的网页项，并从菜单中选择“检查元素”。 在控制台中使用函数来选择元素，例如document。querySelector，然后单击元素旁边的图标在Inspector选项卡中查看它。

如果向元素注册了任何事件，您将在元素旁边看到一个包含单词Event的按钮。单击它将允许您查看已在元素中注册的事件。单击事件旁边的箭头，可以查看该事件的回调函数。

铬

首先，在开发人员工具中的Elements选项卡中查看元素。这可以做到:

在页面上右键单击要检查的网页上的项目，并从菜单中选择“检查” 在控制台中使用函数来选择元素，例如document。querySelector，右键单击元素，选择“在元素面板中显示”，在Inspector选项卡中查看它。

在窗口中显示包含网页元素的树的部分附近，应该有另一个带有标题为“事件监听器”的选项卡的部分。选择它以查看注册到元素的事件。要查看给定事件的代码，请单击事件右侧的链接。

在Chrome中，一个元素的事件也可以使用getEventListeners函数找到。但是，根据我的测试，当多个元素传递给getEventListeners函数时，它没有列出事件。如果你想在页面上找到所有有监听器的元素，并查看这些监听器的回调函数，你可以在控制台中使用以下代码来做到这一点:

var elems = document.querySelectorAll('*');

for (var i=0; i <= elems.length; i++) {
    var listeners = getEventListeners(elems[i]);

    if (Object.keys(listeners).length < 1) {
        continue;
    }

    console.log(elems[i]);

    for (var j in listeners) {
        console.log('Event: '+j);

        for (var k=0; k < listeners[j].length; k++) {
            console.log(listeners[j][k].listener);
        }
    }
}

如果您知道在给定浏览器或其他浏览器中执行此操作的方法，请编辑此答案。

2022年更新:

我在TypeScript中编写了实用工具方法，根据这个答案附加和分离事件，但这个答案是正确的。希望有人觉得有用。

export const attachEvent = (
  element: Element,
  eventName: string,
  callback: () => void
) => {
  if (element && eventName && element.getAttribute('listener') !== 'true') {
    element.setAttribute('listener', 'true');
    element.addEventListener(eventName, () => {
      callback();
    });
  }
};

export const detachEvent = (
  element: Element,
  eventName: string,
  callback: () => void
) => {
  if (eventName && element) {
    element.removeEventListener(eventName, callback);
  }
};

导入并像这样在任何地方使用它

  attachEvent(domElement, 'click', this.myfunction.bind(this));
  detachEvent(domElement, 'click', this.myfunction);