Exemple
Empêcher un lien d'ouvrir l'URL:
document.getElementById("myAnchor").addEventListener("click",
function(event){
event.preventDefault()
});
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le preventDefault() méthode annule l'événement si elle est annulable, ce qui signifie que l'action par défaut qui appartient à l'événement ne se produira pas.
cela peut être utile lorsque, par exemple,:
- En cliquant sur un "Submit" bouton, l' empêcher de soumettre un formulaire
- En cliquant sur un lien, le lien empêcher de suivre l'URL
Remarque: Tous les événements sont annulables. Utilisez le résiliable propriété pour savoir si un événement est annulable.
Remarque: Le preventDefault() méthode ne fait pas obstacle en outre la propagation d'un événement à travers le DOM. Utilisez la stopPropagation() Procédé pour gérer cela.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| preventDefault() | Oui | 9.0 | Oui | Oui | Oui |
Syntaxe
event .preventDefault()Paramètres
| Aucun |
Détails techniques
| Valeur de retour: | Aucune valeur de retour |
|---|---|
| DOM Version: | DOM niveau 2 Events |
autres exemples
Exemple
Empêcher l'action par défaut d'une case à cocher:
document.getElementById("myCheckbox").addEventListener("click",
function(event){
event.preventDefault()
}); Essayez vous - même » <Object Event