méthode d' événement preventDefault()
Exemple
Empêcher un lien d'ouvrir l'URL :
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La méthode preventDefault() annule l'événement s'il est annulable, ce qui signifie que l'action par défaut qui appartient à l'événement ne se produira pas.
Par exemple, cela peut être utile lorsque :
- En cliquant sur un bouton "Soumettre", l'empêcher de soumettre un formulaire
- En cliquant sur un lien, empêcher le lien de suivre l'URL
Remarque : Tous les événements ne sont pas annulables. Utilisez la propriété annulable pour savoir si un événement est annulable.
Remarque : La méthode preventDefault() n'empêche pas la propagation ultérieure d'un événement via le DOM. Utilisez la méthode stopPropagation() pour gérer cela.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la méthode.
Method | |||||
---|---|---|---|---|---|
preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
Syntaxe
event.preventDefault()
Paramètres
Rien |
Détails techniques
Valeur de retour : | Aucune valeur de retour |
---|---|
Version DOM : | Événements DOM niveau 2 |
Plus d'exemples
Exemple
Empêcher l'action par défaut d'une case à cocher :
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});