Eliminar el comportamiento por defecto de un elemento html

Eliminar el comportamiento por defecto de un elemento html

0
(0)

En ocasiones es difícil entender Javascript.

El tema que se toca hoy es una de estas ocasiones.

Concretamente como podemos hacer para eliminar el comportamiento por defecto de un elemento html.

Para ello vamos a usar el método .preventDefault()

Obtener el evento

Para eliminar el comportamiento por defecto de un elemento html usaremos el método .preventDefault()

Sin embargo antes es necesario saber (y creer, porqué la primera vez sorprende mucho) que Javascript genera un objeto salido de la nada que en todo momento almacena el evento que se ha ejecutado en un preciso instante.

Para explorer dicho objeto vendría a ser algo así como

evento = window.event;

Para cualquier navegador que no sea Explorer entonces necesitamos una función del tipo

function capturarEvento(event){

evento = event;

}

Quien mejor lo explica es LibrosWeb.es Recomiendo darle un vistazo al enlace anterior.

Desactivar el evento con .preventDefault()

Si hemos entendido (o nos creemos) como capturar el evento, entonces únicamente es necesario utilizar preventDefault()

Sería algo así como

nodo.addEventLister(«click», function(e){

var evento = window.event || e;

evento.preventDefault();

});

Llegados a este punto es importante matizar que no conozco marcha atrás mediante Javascript para desactivar preventDefault().

En su lugar podemos asignar preventDefault() a una función llamada por algún tipo de evento y eliminar la función ligada al evento mediante removeEventListener().

Escrito es lioso pero podéis ver un ejemplo del código en este ejercicio.

Ejemplo .preventDefault()

Veamos un ejemplo de uso:

código javascript preventDefault()

¿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