Méthode event.preventDefault
La méthode event.preventDefault permet
d'annuler les actions par défaut du navigateur.
Par exemple, faire en sorte qu'un clic sur un
lien n'entraîne pas de navigation vers une autre page
ou qu'un appui sur un bouton n'envoie pas le formulaire
au serveur. Comment l'utiliser : il suffit, dans la fonction
qui est liée à l'événement, à n'importe quel endroit
d'appeler event.preventDefault(),
où event est l'objet Event.
Syntaxe
event.preventDefault();
Exemple
Faisons en sorte qu'un clic sur un lien n'entraîne pas de navigation vers une autre page :
<a href="/" id="elem">lien</a>
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
alert('vous ne pouvez pas suivre ce lien !');
});
:
Voir aussi
-
la méthode
addEventListener,
qui attache les événements -
la méthode
removeEventListener,
qui détache les événements
