只发一次事件？

Question

如何控制只发射一次事件？

事实上，一个快速谷歌似乎暗示这一事实。一是有助于..

Answer 1

您可以使用jQuery的one method，这将认购仅一个事件的第一次出现。
例如：

$('something').one('click', function(e) { 
    alert('You will only see this once.'); 
}); 

Answer 2

香草JS

function addEventListenerOnce(target, type, listener) { 
    target.addEventListener(type, function fn(event) { 
     target.removeEventListener(type, fn); 
     listener(event); 
    }); 
} 

addEventListenerOnce(document.getElementById("myelement"), "click", function (event) { 
    alert("You'll only see this once!"); 
}); 

http://www.sitepoint.com/create-one-time-events-javascript/

编辑：修改从https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

编辑2016年11月23日由菱的版本和术语启发：

once即将推出浏览器。目前在Chrome 55，Firefox的50，Safari浏览器10.1

• http://caniuse.com/#feat=once-event-listener
• https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Parameters

并且你使用这样的：

document.addEventListener(
    'DOMContentLoaded', 
    improveAllTheThings, 
    {once: true} 
); 

https://www.webreflection.co.uk/blog/2016/04/17/new-dom4-standards

Answer 3

同rofrol的答案，只是另一种形式：

function addEventListenerOnce(element, event, fn) { 
     var func = function() { 
      element.removeEventListener(event, func); 
      fn(); 
     }; 
     element.addEventListener(event, func); 
    } 

Answer 4

此外，你可以这样做：为附加

window.addEventListener("click", function handleClick(e) { 
    window.removeEventListener("click", handleClick); 

    // ... 
}); 

Answer 5

添加选项/删除事件侦听器：

function addEventListenerOnce(target, type, listener, optionsOrUseCaptureForAdd, optionsOrUseCaptureForRemove) { 
    const f = event => { 
     target.removeEventListener(type, f, optionsOrUseCaptureForRemove); 
     listener(event); 
    } 
    target.addEventListener(type, f, optionsOrUseCaptureForAdd); 
} 

Answer 6

只要使用正确的选项，你的addEventListener方法调用：

element.addEventListener(event, func, { once: true })