Contoh
Mengeksekusi JavaScript ketika pengguna menulis sesuatu di <input> bidang:
<input type="text" oninput="myFunction()"> Cobalah sendiri " Definisi dan Penggunaan
Acara oninput terjadi ketika elemen mendapat input pengguna.
Acara ini terjadi ketika nilai sebuah <input> atau <textarea> elemen berubah.
Tip: Acara ini mirip dengan onchange acara. Perbedaannya adalah bahwa acara oninput terjadi segera setelah nilai elemen telah berubah, sementara onchange terjadi ketika elemen kehilangan fokus, setelah konten telah berubah. Perbedaan lainnya adalah bahwa event onchange juga bekerja pada <keygen> dan <select> elemen.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh acara tersebut.
| Peristiwa | |||||
|---|---|---|---|---|---|
| oninput | iya nih | 9.0 | 4.0 | 5.0 | iya nih |
Sintaksis
Dalam HTML:
Dalam JavaScript:
object .oninput=function(){ Cobalah sendiri " Dalam JavaScript, menggunakan addEventListener() metode:
object .addEventListener("input", myScript );
Cobalah sendiri " Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.
Rincian teknis
| Gelembung: | iya nih |
|---|---|
| dibatalkan: | Tidak |
| jenis acara: | Peristiwa |
| tag HTML yang didukung: | <Input type = "warna">, <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 = "waktu">, <input type = "url">, <input type="week"> dan <textarea> |
| DOM Versi: | Level 3 Acara |
<Object Acara