javascript - 如何在纯 JavaScript 中仅绑定(bind)一次事件监听器？

Question

这个问题已经有答案了:

How can I add an event for a one time click to a function? (9 个回答)

addEventListener vs onclick (21 个回答)

已关闭 3 年前。

我已经知道 Jquery 解决方案

$('#myid').one('click', function(event) {
  ...
});

但现在我正在寻找纯 JavaScript 方式，因为我没有使用 Jquery

我已经检查了一次选项，但并非所有浏览器都支持它，请参阅 docs

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

您可以使用 { Once: true } 传递第三个参数，即选项对象

在底部，您会发现它不适用于 IE :(

const myElement = document.getElementById('my-element-id');

myElement.addEventListener('click', function namedListener() {
  // Remove the listener from the element the first time the listener is run:
  myElement.removeEventListener('click', namedListener);

  // ...do the rest of your stuff
});