método de evento preventDefault()

Eventos DOM Objeto Evento

definición y uso

si el evento es cancelable, el método preventDefault() cancelará el evento, lo que significa que no se llevará a cabo la acción predeterminada del evento.

por ejemplo, es útil en las siguientes situaciones:

  • hacer clic en el botón "enviar", evitar que el formulario se envíe
  • hacer clic en el enlace, evitar que siga la URL

nota:no todos los eventos se pueden cancelar. Utilice propiedad cancelable para determinar si el evento es cancelable.

nota:El método preventDefault() no evitará que el evento se propague más allá del DOM. Utilice el método stopPropagation() para solucionar esto.

ejemplo

ejemplo 1

evitar que el enlace abra la URL:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
);

prueba personalmente

ejemplo 2

evitar la acción predeterminada del cuadro de verificación:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
);

prueba personalmente

gramática

evento.preventDefault()

Parámetros

Sin.

Detalles técnicos

Valor de retorno: Sin valor de retorno.
Versión DOM: Nivel 2 de eventos DOM

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admite completamente este método.

Métodos Chrome IE Firefox Safari Opera
preventDefault() Soporte 9.0 Soporte Soporte Soporte
Eventos DOM Objeto Evento