Los últimos tutoriales de desarrollo web
 

preventDefault () método de evento

<Objeto de evento

Ejemplo

Evitar que un enlace desde la apertura de la URL:

document.getElementById("myAnchor").addEventListener("click", function(event){
    event.preventDefault()
});
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

El preventDefault() método cancela el evento si es cancelable, lo que significa que la acción predeterminada que pertenece al evento no ocurrirá.

Por ejemplo, esto puede ser útil cuando:

  • Al hacer clic en un "Submit" botón, evitar que enviar un formulario
  • Al hacer clic en un enlace, prevenir el enlace desde la URL siguiente

Nota: No todos los eventos son cancelables. Usar la cancelable propiedad para averiguar si un evento se puede cancelar.

Nota: El preventDefault() método no impide la propagación adicional de un evento a través de la DOM. Usar la stopPropagation() método para manejar esto.


Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.

Método
preventDefault() 9.0

Sintaxis

event .preventDefault()

parámetros

Ninguna

Detalles técnicos

Valor de retorno: Sin valor de retorno
DOM Versión: DOM nivel 2 Eventos

Ejemplos

Más ejemplos

Ejemplo

Prevenir la acción predeterminada de una casilla de verificación:

document.getElementById("myCheckbox").addEventListener("click", function(event){
    event.preventDefault()
});
Inténtalo tú mismo "

<Objeto de evento