Eliminar eventos Javascript .removeEventListener()

Eliminar eventos Javascript .removeEventListener()

Print Friendly, PDF & Email
Eliminar eventos Javascript .removeEventListener()
Valora esta entrada
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.

Entradas relacionadas:

Palabras reservadas que no se deben usar para declarar variables
- 167
Listado de palabras reservadas en Javascript de acuerdo con el último stándard ECMA Script 6.
Introducción a las animaciones Javascript: setInterval() y setTimeout()
- 518
Resumimos las funciones setInterval(), clearInterval y setTimeout(). Cuales son sus parámetros, que es una función anónima y como la llamamos.
Ejercicio – Diferencia entre ++x y x++ en Javascript
- 65
En esta publicación se repasa mediante ejercicios la diferencia entre escribir ++x y x++ o --x y x--. Es cuestión de pillarle el tranquillo.
3 formas de cambiar la ubicación de búsqueda en Google
- 144
En esta entrada encontrarás 3 formas distintas de modificar tu ubicación de búsqueda en google sin necesidad de que te tengas que desplazar.
Eliminar el comportamiento por defecto de un elemento html
- 229
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
Javascript: Acoplamiento
- 465
En entradas anteriores hemos visto el origen de javascript como una de las aportaciones de Netscape a la web y como un lenguaje muy útil para aprender a programar. Este lenguaje de script nos permite ...
Onresize window para calcular el width y el height disponibles
- 256
Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery
Validación de campos try catch finally en Javascript puro
- 340
Explicación teórica y ejemplo práctico del uso de las instrucciones try + throw, catch y finally en javascript. Utilizamos esta estructura para validar un campo en un formulario. Sin embargo se puede ...
Ejercicio – Generación de una fecha personalizada mediante javascript
- 66
Ejercicio javascript dónde se trabaja con fechas y los métodos para fechas con el objetivo de crear fechas con formato personalizado.
Ejercicio – ¿Qué declaraciones de variables son erróneas en JS?
- 111
En este ejercicio repasamos los conceptos relativos a la declaración de variables en javascript. ¿Qué declaraciones son incorrectas? Detéctalas y corrígelas.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. 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.