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:
Deja una respuesta