método de evento preventDefault()
Ejemplo
Impedir que un enlace abra la URL:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El método preventDefault() 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 el botón "Enviar", evita que envíe un formulario
- Al hacer clic en un enlace, evita que el enlace siga la URL
Nota: No todos los eventos son cancelables. Utilice la propiedad cancelable para averiguar si un evento es cancelable.
Nota: El método preventDefault() no previene la propagación de un evento a través del DOM. Use el método stopPropagation() para manejar esto.
Compatibilidad con navegador
Los números en la tabla especifican la primera versión del navegador que soporta totalmente este método.
Method | |||||
---|---|---|---|---|---|
preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
Sintaxis
event.preventDefault()
Parámetros
Ninguna |
Detalles técnicos
Valor devuelto: | Sin valor de retorno |
---|---|
Versión DOM: | Eventos de nivel 2 de DOM |
Más ejemplos
Ejemplo
Evite la acción predeterminada de una casilla de verificación:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});