HTMLFormElement: reset event
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thereset event fires when a<form> is reset.
Syntax
Use the event name in methods likeaddEventListener(), or set an event handler property.
js
addEventListener("reset", (event) => { })onreset = (event) => { }Event type
A genericEvent.
Examples
This example usesEventTarget.addEventListener() to listen for form resets, and logs the currentEvent.timeStamp whenever that occurs.
HTML
html
<form> <label>Test field: <input type="text" /></label> <br /><br /> <button type="reset">Reset form</button></form><p></p>JavaScript
js
const form = document.getElementById("form");const log = document.getElementById("log");function logReset(event) { log.textContent = `Form reset! Timestamp: ${event.timeStamp}`;}form.addEventListener("reset", logReset);Result
Specifications
| Specification |
|---|
| HTML # event-reset |
Browser compatibility
See also
- HTML
<form>element