Sadece bir etkinliği bir kez mi ateşlediniz?

Question

Bir olayın yalnızca bir kez ateşlenmesini nasıl kontrol ederim?

Aslında hızlı bir google jQuery en one method, bir olayın sadece ilk geçtiği abone hangi kullanabilirsiniz .. .one yardımcı olduğu gerçeği

Answer 1

ima görünmektedir.

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

Answer 2

vanilya 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/

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

Düzenleme 2016/11/23 morina versiyonu ve terminoloji esinlenerek modifikasyon:

Örneğin

once tarayıcılara geliyor. Şu anda Chrome 55, Firefox 50 Safari'de 10,1

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

Ve bu gibi kullanmak: rofrol cevabı şeklinde

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

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

Answer 3

aynı , sadece başka bir form:

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

Answer 4

Ayrıca, bunu yapabilirsiniz:/add

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

    // ... 
}); 

Answer 5

Eklendi seçenekleri kaldırmak olay dinleyicisi:

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

Answer 6

Sadece addEventListener yöntem çağrısında uygun seçeneği kullanın:

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