12 May Eliminar eventos Javascript .removeEventListener()
Introducidos los eventos y las distintas metodologías para añadir eventos ahora es el momento de aprender a eliminarlos.
Tomaremos como punto de partida que ya conocemos al método .addEventListener(«tipoEvento»,nombreFuncion ).
Repaso de addEventListener()
Nunca viene mal un repaso.
Recordemos el siguiente script.
Tenemos un botón al que añadimos un evento saludar mediante javascript.
Fijaros en que la función dentro de addEventListener() no lleva comillas: estamos pasando la variable función y no un string.
Implementación de removeEventListener()
Para usar removeEventListner() debemos crear un botón al que le asignamos un evento que elimina el evento del primer botón.
Parece un poco contradictorio…. para poder usar removeEventListener() debemos añadirlo como si se trata de un propio evento!
Fijaros en la imagen que en este caso estoy usando una función anónima para no tener que declararla en el segundo campo de .removeEventListener()
¡Y esto es todo por hoy!
Espero que los ejemplos adjuntos en las imágenes os puedan ser de utilidad.
No Comments