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énement | Action par défaut |
|---|---|
submit | Recharge la page |
click (lien) | Navigue vers l'URL |
keydown | Écrit le caractère |
Consigne
- Ajoute
event.preventDefault()au début du callback - 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é