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>
Contoh 2
Tampilkan teks yang disisipkan dalam field teks sebelum direset:
var x = document.getElementById("myInput"); alert("Sebelum direset, teks adalah: " + x.value);
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"); }
Sintaksis
Pada HTML:
<element onreset="myScript">
Pada JavaScript:
object.onreset = function(){myScript};
Pada JavaScript, gunakan metode addEventListener():
object.addEventListener("reset", myScript);
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 |