onreset -tapahtuma

DOM-tapahtumat Event-objekti

Määritelmä ja käyttö

Onreset -tapahtuma tapahtuu lomakkeen resetoinnin yhteydessä.

Esimerkki

Esimerkki 1

Suorita JavaScriptiä lomakkeen resetoinnin yhteydessä：

<form onreset="myFunction()">
  Syötä nimi: <input type="text">
  <input type="reset">
</form>

Kokeile itse

Esimerkki 2

Näytä tekstikentän teksti ennen resetointia：

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

Kokeile itse

Esimerkki 3

Käytä HTML DOM Form -objektin reset() -menetelmää lomakkeen resetointiin. Tämä aiheuttaa onreset -tapahtuman, joka kutsuu alert -funktiota.

// Resetoi id="myForm" -lomakkeen kaikkien elementtien arvot
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// Ilmoita tekstiä, kun lomake resetoidaan
function myAlertFunction() {
  alert("The form was reset");
}

Kokeile itse

Syntaksi

HTML:ssä：

<element onreset="myScript">

Kokeile itse

JavaScriptissa：

object.onreset = function(){myScript};

Kokeile itse

JavaScriptissa käytetään addEventListener() -metodia：

object.addEventListener("reset", myScript);

Kokeile itse

Huomautus：Internet Explorer 8 tai aikaisemmat versiot eivät tue addEventListener() -menetelmä.

Tekninen yksityiskohta

Puhkeaa: Tuki
Peruutettavissa: Tuki
Tapahtumatyypit: Event
Tuetut HTML-merkit: <form>
DOM-versio: Tason 2 tapahtumat

Selaimen tuki

Tapahtumat Chrome IE Firefox Safari Opera
onreset Tuki Tuki Tuki Tuki Tuki
DOM-tapahtumat Event-objekti