Peristiwa onchange

Peristiwa DOM Objek Event

Definisi dan penggunaan

Pada saat nilai elemen berubah, terjadi peristiwa onchange.

Pada saat status yang dipilih berubah, terjadi peristiwa onchange.

Petunjuk:Peristiwa ini mirip dengan Peristiwa oninput. Perbedaan utama adalah peristiwa oninput terjadi segera setelah nilai elemen berubah, sedangkan onchange terjadi saat elemen kehilangan fokus dan konten berubah. Perbedaan lainnya adalah peristiwa onchange juga berlaku untuk elemen <select>.

Contoh

Contoh 1

Eksekusi JavaScript saat pengguna mengubah opsi yang dipilih elemen <select>:

<select onchange="myFunction()">

Coba sendiri

Contoh 2

Eksekusi JavaScript saat pengguna mengubah konten input field:

<input type="text" onchange="myFunction()">

Coba sendiri

Sintaks

Pada HTML:

<elemen onchange="myScript">

Coba sendiri

Pada JavaScript:

objek.onchange = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("change", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau sebelumnya tidak mendukung Metode addEventListener().

Detil teknis

Bubbling: Dukungan
Dapat dibatalkan: Tidak didukung
Tipe event: Event
Tag HTML yang didukung: <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="file">, <input type="month">, <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="week">, <select> serta <textarea>
Versi DOM: Peristiwa Level 2

Dukungan Browser

Peristiwa Chrome IE Firefox Safari Opera
onchange Dukungan Dukungan Dukungan Dukungan Dukungan
Peristiwa DOM Objek Event