¿Solo disparar un evento una vez?

Question

¿Cómo controlo solo disparar un evento una vez?

En realidad, una rápida de Google parece aludir al hecho de que .one ayuda ..

Answer 1

Puede usar jQuery de one method, que suscribirá sólo a la primera ocurrencia de un evento.
Por ejemplo:

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

Answer 2

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

Editar: modificación inspirado en la versión y la terminología de ling de https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

Editar 11.23.2016:

once viene a los navegadores. Actualmente en 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

Y lo usa así:

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

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

Answer 3

Igual que la respuesta de rofrol , solo otra forma:

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

Answer 4

Además, se puede hacer esto:

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

    // ... 
}); 

Answer 5

añadido las opciones para añadir/eliminar el detector de eventos:

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

Answer 6

sólo tiene que utilizar la opción adecuada en su llamada al método addEventListener:

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