HTMLFormElement: reset-Ereignis - Web-APIs

HTMLFormElement: reset-Ereignis - Web-APIs | MDN

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 Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

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

onreset = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Dieses Beispiel verwendet EventTarget.addEventListener(), um auf Zurücksetzungen des Formulars zu hören und protokolliert den aktuellen Event.timeStamp, wann immer dies eintritt.

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

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

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

form.addEventListener("reset", logReset);

Ergebnis

Spezifikationen

Spezifikation
HTML # event-reset

Browser-Kompatibilität

Siehe auch

HTML <form>-Element

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.