Peristiwa onchange

Peristiwa DOM Objek Event

Definisi dan penggunaan

Peristiwa onchange terjadi ketika nilai elemen berubah.

Untuk kotak pilihan dan kotak centang, peristiwa onchange terjadi ketika status pemilihan berubah.

Panduan:}}Peristiwa ini hampir sama dengan Peristiwa oninput. Perbezaan adalah bahawa peristiwa oninput berlaku segera selepas nilai elemen berubah, manakala onchange berlaku selepas elemen kehilangan fokus dan kandungan berubah. Satu perbezaan lain adalah bahawa peristiwa onchange juga digunakan untuk elemen <select>.

Contoh

Contoh 1

Lakukan JavaScript saat pengguna mengubah pilihan yang dipilih dalam elemen <select>:

<select onchange="myFunction()">

Cuba sendiri

Contoh 2

Lakukan JavaScript saat pengguna mengubah kandungan bidang input:

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

Cuba sendiri

Sintaks

Pada HTML:

<elemen onchange="myScript">

Cuba sendiri

Pada JavaScript:

objek.onchange = function(){myScript};

Cuba sendiri

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("change", myScript);

Cuba sendiri

Keterangan:Internet Explorer 8 atau lebih awal tidak disokong Metode addEventListener().

Butiran teknikal:

Bubbling: Dukungan
Boleh dibatalkan: Tidak disokong:
Jenis 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 Perpustakaan

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