acara pergantian
Contoh
Jalankan JavaScript ketika pengguna mengubah opsi yang dipilih dari elemen <select>:
<select onchange="myFunction()">
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Peristiwa onchange terjadi ketika nilai elemen telah diubah.
Untuk radiobuttons dan checkbox, event onchange terjadi ketika status yang dicentang telah diubah.
Tip: Event ini mirip dengan event oninput . Perbedaannya adalah event oninput terjadi segera setelah nilai elemen berubah, sedangkan onchange terjadi ketika elemen kehilangan fokus, setelah konten diubah. Perbedaan lainnya adalah event onchange juga bekerja pada elemen <select>.
Dukungan Peramban
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Dalam HTML:
<element onchange="myScript">
Dalam JavaScript:
object.onchange = function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
object.addEventListener("change", myScript);
Catatan: Metode addEventListener() tidak didukung di Internet Explorer 8 dan versi yang lebih lama.
Detail Teknis
Gelembung: | Ya |
---|---|
Dapat dibatalkan: | Tidak |
Jenis acara: | Peristiwa |
Tag HTML yang didukung: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type=" file">, <input type="bulan">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, < input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="minggu ">, <select> dan <textarea> |
Versi DOM: | Acara Tingkat 2 |
Lebih Banyak Contoh
Contoh
Jalankan JavaScript ketika pengguna mengubah konten bidang input:
<input type="text"
onchange="myFunction()">