méthode d'événement preventDefault()

Événements DOM Objet Event

définition et utilisation

si l'événement est annulable, la méthode preventDefault() annule l'événement, ce qui signifie que l'opération par défaut de l'événement ne se produira pas.

par exemple, cela est utile dans les seguintes situations :

  • cliquez sur le bouton "Soumettre" pour empêcher le soumission du formulaire
  • cliquez sur le lien pour empêcher le suivi de l'URL du lien

remarque :Toutes les activités ne peuvent pas être annulées. Utilisez l'attribut cancelable pour déterminer si l'événement est annulable.

remarque :La méthode preventDefault() ne bloque pas la propagation de l'événement à travers le DOM. Utilisez la méthode stopPropagation() pour résoudre ce problème.

exemple

exemple 1

empêcher l'ouverture d'URL du lien :

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
);

essayez personnellement

exemple 2

empêcher l'opération par défaut du bouton d'option :

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
);

essayez personnellement

grammaire

event.preventDefault()

Paramètres

Aucun.

Détails techniques

Valeur de retour : Aucune valeur de retour.
Version DOM : DOM Level 2 Events

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette méthode.

Méthodes Chrome IE Firefox Safari Opera
preventDefault() Support 9.0 Support Support Support
Événements DOM Objet Event