acara masukan
Contoh
Jalankan JavaScript ketika pengguna menulis sesuatu di bidang <input>:
<input type="text" oninput="myFunction()">
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Acara oninput terjadi ketika elemen mendapat input pengguna.
Peristiwa ini terjadi ketika nilai elemen <input> atau <textarea> diubah.
Tip: Event ini mirip dengan event onchange . 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
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung acara tersebut.
Event | |||||
---|---|---|---|---|---|
oninput | Yes | 9.0 | 4.0 | 5.0 | Yes |
Sintaksis
Dalam HTML:
<element oninput="myScript">
Dalam JavaScript:
object.oninput = function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
object.addEventListener("input", myScript);
Catatan: Metode addEventListener() tidak didukung di Internet Explorer 8 dan versi yang lebih lama.
Detail Teknis
Gelembung: | Ya |
---|---|
Dapat dibatalkan: | Tidak |
Jenis acara: | Acara , Acara Masukan |
Tag HTML yang didukung: | <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="bulan">, <input type=" nomor">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, < input type="time">, <input type="url">, <input type="week"> dan <textarea> |
Versi DOM: | Acara Tingkat 3 |
Lebih Banyak Contoh
Contoh
Penggeser rentang - cara memperbarui nilai penggeser secara dinamis:
<input type="range" oninput="myFunction(this.value)">