DébutantNon commencé

Exercice 7.4 · 6 min · 0 tentative

Empêcher le comportement par défaut

Objectif

Utiliser preventDefault() pour contrôler le comportement du navigateur.

Contexte

Chaque événement a un comportement par défaut. Par exemple, soumettre un formulaire recharge la page. preventDefault() permet de l'empêcher :

form.addEventListener("submit", function(event) {
  event.preventDefault()  // Empêche le rechargement

  // Traiter le formulaire en JavaScript
  console.log("Envoi avec fetch...")
})

Comportements par défaut courants

ÉvénementAction par défaut
submitRecharge la page
click (lien)Navigue vers l'URL
keydownÉcrit le caractère

Consigne

  1. Ajoute event.preventDefault() au début du callback
  2. Le formulaire doit afficher l'email sans recharger la page

Teste en soumettant le formulaire !

Objectifs

  • Utiliser preventDefault
  • Appeler sur event
  • Formulaire existe
  • Input email existe

Lisez bien les instructions et lancez-vous !

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé