Eliminar eventos Javascript .removeEventListener()

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.

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.

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 hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.