onreset händelse

DOM-händelser Event-objekt

Definition och användning

En onreset händelse inträffar när formuläret återställs.

Exempel

Exempel 1

Kör JavaScript när formuläret återställs:

<form onreset="myFunction()">
  Skriv in namn: <input type="text">
  <input type="reset">
</form>

Prova själv

Exempel 2

Visa texten i textfältet innan formuläret återställs:

var x = document.getElementById("myInput");
alert("Before reset, the text was: " + x.value);

Prova själv

Exempel 3

Använd reset() metoden på HTML DOM Form objektet för att återställa formuläret. När detta händer, utlöses onreset händelsen, vilket triggar en alert funktion.

// Återställ alla elementens värden i formuläret med id="myForm"
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// Visa några texter när formuläret återställs
function myAlertFunction() {
  alert("The form was reset");
}

Prova själv

Syntax

I HTML:

<element onreset="myScript">

Prova själv

I JavaScript:

object.onreset = function(){myScript};

Prova själv

I JavaScript, använda addEventListener() metoden:

object.addEventListener("reset", myScript);

Prova själv

Kommentar:Internet Explorer 8 eller tidigare versioner stöder inte addEventListener() metod.

Tekniska detaljer

Bubbling: Stöd
Avbrytbar: Stöd
Händelse typ: Event
Stödda HTML-taggar: <form>
DOM-version: Nivå 2-händelser

Webbläsarstöd

Händelser Chrome IE Firefox Safari Opera
onreset Stöd Stöd Stöd Stöd Stöd
DOM-händelser Event-objekt