Método event.preventDefault
El método event.preventDefault permite
cancelar las acciones predeterminadas del navegador.
Por ejemplo, hacer que al hacer clic en un
enlace no se navegue a otra página
o al presionar un botón un formulario no se envíe
al servidor. Cómo usarlo: simplemente dentro de la función
que está vinculada al evento, en cualquier lugar
se debe llamar a event.preventDefault(),
donde event - es el objeto Event.
Sintaxis
event.preventDefault();
Ejemplo
Hagamos que al hacer clic en un enlace no se navegue a otra página:
<a href="/" id="elem">enlace</a>
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
alert('¡no puedes seguir este enlace!');
});
:
Ver también
-
método
addEventListener,
que vincula eventos -
método
removeEventListener,
que desvincula eventos