Peristiwa onreset

Peristiwa DOM Objek Event

Definisi dan penggunaan

Pada saat formulir diset ulang terjadi peristiwa onreset.

Contoh

Contoh 1

Eksekusi JavaScript saat formulir diset ulang:

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

Coba sendiri

Contoh 2

Tampilkan teks yang disisipkan di dalam bidang teks sebelum diset ulang:

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

Coba sendiri

Contoh 3

Gunakan metode reset() objek DOM Form untuk set ulang formulir. Saat ini terjadi, akan diaktifkan peristiwa onreset, yang akan diaktifkan fungsi alert.

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

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 Method addEventListener().

Butir teknikal

Tumpukan: Sokongan
Boleh dibatalkan: Sokongan
Jenis peristiwa: Event
Pautan HTML yang disokong: <form>
Versi DOM: Peristiwa Level 2

Sokongan pelayar

Peristiwa Chrome IE Firefox Safari Opera
onreset Sokongan Sokongan Sokongan Sokongan Sokongan
Peristiwa DOM Objek Event