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

javascriptevent.preventDefault();

Ejemplo

Hagamos que al hacer clic en un enlace no se navegue a otra página:

html<a href="/" id="elem">enlace</a>

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  alert('¡no puedes seguir este enlace!');
});

Результат:

Ver también