HTMLFormElement: reset-Ereignis - Web-APIs | MDN

HTMLFormElement: reset-Ereignis

Baseline

Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das reset-Ereignis wird ausgelöst, wenn ein <form> zurückgesetzt wird.

Syntax

Verwenden Sie den Ereignisnamen in addEventListener():

addEventListener("reset", (event) => { })

Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:

onreset = (event) => { }

Dieses Beispiel verwendet EventTarget.addEventListener(), um auf das Zurücksetzen des Formulars zu reagieren. Jedes Mal, wenn dies geschieht, wird der aktuelle Wert von Event.timeStamp protokolliert.

HTML

html

<form id="form">
  <label>Test checkbox: <input type="checkbox" /></label>
  <br /><br />
  <button type="reset">Reset form</button>
</form>
<p id="log"></p>

JavaScript

const form = document.getElementById("form");
const log = document.getElementById("log");

function logReset(event) {
  log.textContent = `Form reset! Timestamp: ${event.timeStamp}`;
}

form.addEventListener("reset", logReset);