Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
HTMLFormElement : évènement reset
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'évènement reset de l'interface HTMLFormElement se déclenche lorsqu'un élément HTML <form> est réinitialisé.
Syntaxe
Utilisez le nom de l'évènement dans des méthodes comme addEventListener() ou définissez une propriété gestionnaire d'évènements.
addEventListener("reset", (event) => { })
onreset = (event) => { }
Type d'évènement
Un objet Event générique.
Exemples
Cet exemple utilise EventTarget.addEventListener() pour écouter les réinitialisations de formulaire, et enregistre le Event.timeStamp actuel à chaque occurrence.
HTML
<form id="form">
<label>Champ de test : <input type="text" /></label>
<br /><br />
<button type="reset">Réinitialiser le formulaire</button>
</form>
<p id="log"></p>
JavaScript
const form = document.getElementById("form");
const log = document.getElementById("log");
function logReset(event) {
log.textContent = `Formulaire réinitialisé ! Horodatage : ${event.timeStamp}`;
}
form.addEventListener("reset", logReset);
Résultat
Spécifications
| Specification |
|---|
| HTML # event-reset |
Compatibilité des navigateurs
Enable JavaScript to view this browser compatibility table.
Voir aussi
- L'élément HTML
<form>