Eliminar eventos Javascript .removeEventListener()

Eliminar eventos Javascript .removeEventListener()

0
(0)

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.

ejemplo código addEventListener
ejemplo código addEventListener

Implementación de removeEventListener()

ejemplo de uso removeEventListener
ejemplo 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.

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media 0 / 5. Votos: 0

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

¿Dónde he fallado?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No Comments

Post A Comment