HTMLFormElement: reset Ereignis

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.

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

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignis-Handler-Eigenschaft.

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

onreset = (event) => {};

Ereignistyp

Ein generisches Event.

Beispiele

Dieses Beispiel verwendet EventTarget.addEventListener(), um auf das Zurücksetzen von Formularen zu hören, und protokolliert den aktuellen Event.timeStamp, sobald dies geschieht.

HTML

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

JavaScript

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

const form = document.getElementById("form");
const log = document.getElementById("log");
form.addEventListener("reset", logReset);

Ergebnis

Spezifikationen

Specification
HTML Standard
# event-reset

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch