Örnek
Bir kullanıcı bir şey yazdığında bir JavaScript Yürütme <input> Kime:
<input type="text" oninput="myFunction()"> Kendin dene " Tanımı ve Kullanımı
bir elemanın, kullanıcı girdisini aldığında oninput olayı oluşur.
Bir değeri, bu olay meydana <input> veya <textarea> elemanı değiştirilir.
İpucu: Bu olay benzer onchange olay. fark elemanı odak kaybettiğinde içeriği değiştirildi sonra Onchange, oluşurken oninput olay, bir elemanın değeri değişti hemen sonra meydana gelmesidir. Diğer fark Onchange olay da çalışır olmasıdır <keygen> ve <select> elemanları.
Tarayıcı Desteği
Tablodaki rakamlar tamamen olayı destekleyen ilk tarayıcı sürümü belirtin.
| Olay | |||||
|---|---|---|---|---|---|
| oninput | Evet | 9.0 | 4.0 | 5.0 | Evet |
Sözdizimi
HTML'de:
JavaScript:
object .oninput=function(){ Kendin dene " JavaScript olarak, kullanılarak addEventListener() metodu:
object .addEventListener("input", myScript );
Kendin dene " Not: addEventListener() metodu Internet Explorer 8 ve önceki sürümlerinde desteklenmez.
Teknik detaylar
| Kabarcıklar: | Evet |
|---|---|
| iptal Edilebilir: | Yok hayır |
| Etkinlik tipi: | Olay |
| Desteklenen HTML etiketleri: | <Input type = "color">, <input type = "tarihi">, <input type = "datetime">, <input type = "email">, <input type = "ay">, <input type =" numarası ">, <input type =" password ">, <input type =" aralık ">, <input type =" search ">, <input type =" tel ">, <input type =" text ">, < input type = "zaman">, <input type = "url">, <input type="week"> ve <textarea> |
| DOM Versiyon: | Düzey 3 Olaylar |
<Olay Nesne