HTMLFormElement : évènement reset - Les API Web | MDN
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.
js
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
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
js
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
Voir aussi
- L'élément HTML
<form>