Peristiwa onreset

Definisi dan penggunaan

Peristiwa onreset terjadi saat formulir direset.

Contoh

Contoh 1

Eksekusi JavaScript saat formulir direset:

<form onreset="myFunction()">
  Masukkan nama: <input type="text">
  <input type="reset">
</form>

Coba sendiri

Contoh 2

Tampilkan teks yang disisipkan dalam field teks sebelum direset:

var x = document.getElementById("myInput");
alert("Sebelum direset, teks adalah: " + x.value);

Coba sendiri

Contoh 3

Gunakan metode reset() objek HTML DOM Form untuk mereset formulir. Saat hal ini terjadi, akan dijalankan peristiwa onreset, yang akan memicu fungsi alert.

// Reset nilai semua elemen dalam formulir dengan id="myForm"
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// Tampilkan beberapa teks saat formulir direset
function myAlertFunction() {
  alert("Formulir telah direset");
}

Coba sendiri

Sintaksis

Pada HTML:

<element onreset="myScript">

Coba sendiri

Pada JavaScript:

object.onreset = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

object.addEventListener("reset", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener().

Detil Teknologi

Bubbling: Dukungan
Dapat Dibatalkan: Dukungan
Tipe Event: Event
Tanda HTML yang didukung: <form>
Versi DOM: Level 2 Events

Dukungan Browser

Event Chrome IE Firefox Safari Opera
onreset Dukungan Dukungan Dukungan Dukungan Dukungan