3

Tengo varios listeners. Cada vez que se ejecuta mi fichero con este código, queda escuchando y se ejecuta n veces, según las n veces que use el fichero .js. quisiera eliminar todos los eventos para que solo funcione una sola vez.

 document.addEventListener("clmtrackrNotFound", function(event) {
        //bla bla
    }, false);

   // detect if tracker loses tracking of face
    document.addEventListener("clmtrackrLost", function(event) {
        //bla bla
    }, false);

    // detect if tracker has converged
    document.addEventListener("clmtrackrConverged", function(event ) {
   },false);

Cómo puedo eliminar todos los eventos de escucha el elemento dom?

esto estoy haciendo según la respuesta de @sakulino

     function fn_clmtrackrConverged(event) {
      event.target.removeEventListener(event.type, "fn_clmtrackrConverged");
     //bla bla bla
     //final del codigo
     event.target.removeEventListener(event.type, "fn_clmtrackrConverged");

 }

 document.addEventListener("clmtrackrConverged","fn_clmtrackrConverged"); 
 fn_clmtrackrConverged(event);
6
  • creo que lo le necesitas es usar removeEventListener() Commented el 25 jul. 2017 a las 16:24
  • @marcogomes Cómo? en donde?
    – yavg
    Commented el 25 jul. 2017 a las 16:25
  • Utiliza un nombre distinto a la función. Cambia el nombre al segundo parámetro del addEventListener y a la función asignale el mismo que has cambiado. Commented el 25 jul. 2017 a las 16:49
  • @sakulino aúnno funciona, el evento no se dispara, es decir se ejecuta porque lo llamo pero no se ejecuta el trigger al terminar el calculo
    – yavg
    Commented el 25 jul. 2017 a las 16:53
  • Debes poner la linia de remove... justo al final del trigger y sacarla de donde la tengas puesta. Commented el 25 jul. 2017 a las 16:55

1 respuesta 1

3

Podrías usar event.target.removeEventListener(event.type, nombredelafuncion);, tienes que quitar el EventListener y luego ejecutas el código que quieras que se ejecute 1 sola vez.

Tu código quedaría así (te recomiendo que no uses funciones anónimas, sino haz una función y pásale el nombre al eventListener):

    function funcion1(event) {
        event.target.removeEventListener(event.type, "funcion1");
        //bla bla
    }

    document.addEventListener("clmtrackrNotFound","funcion1"); 

Lo mismo para cada evento.

Documentación.

6
  • Gracias, disculpa la ignorancia pero no logro hacerlo funcionar. cómo hago que se dispare el evento? funcion1() ?
    – yavg
    Commented el 25 jul. 2017 a las 16:35
  • Añadir un evento funciona de la siguiente manera, primero tienes que poner el evento cuando quieres que se dispare, por ejemplo "click", y luego el nombre de la función que quieres que se ejecute "funcion1", dentro de esta función es donde debes poner la linia event.target.removeEventListener(event.type, nombredelafuncion);. Commented el 25 jul. 2017 a las 16:37
  • XD, me sale un error en mi código que no me salia. Me gustaria alguna manera de eliminar los listeners asi guardando mi estructura. estoy haciendolo en angular por ejemplo quisiera que al ir a otro controlador se borraran todos los listeners..
    – yavg
    Commented el 25 jul. 2017 a las 16:40
  • Lo que necesitas es esto event.target.removeEventListener(event.type, nombredelafuncion);. De esta amnera se ejecutará el evento 1 sola vez, es la respuesta de tu pregunta. Si tienes mas dudas reformula la pregunta o haz una nueva, gracias. Commented el 25 jul. 2017 a las 16:42
  • mira es que si lo hago de tu manera, no funciona mi código. por que? es porque en el caso de document.addEventListener("clmtrackrConverged") se dispara cuando un calculo de la libreria finaliza, pero con tu método nunca se inicia, y si intento inicializarlo me genera error porque aún no esta listo el calculo. me hago entender?
    – yavg
    Commented el 25 jul. 2017 a las 16:45

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.