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() | Sí | 9.0 | Sí | Sí | Sí |
Sintaxis
event .preventDefault()
parámetros
Ninguna |
Detalles técnicos
Valor de retorno: | Sin valor de retorno |
---|---|
DOM Versión: | DOM nivel 2 Eventos |
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