giriş Olayı
Örnek
Bir kullanıcı bir <input> alanına bir şey yazdığında bir JavaScript yürütün:
<input type="text" oninput="myFunction()">
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Oninput olayı, bir eleman kullanıcı girdisi aldığında meydana gelir.
Bu olay, bir <input> veya <textarea> öğesinin değeri değiştirildiğinde meydana gelir.
İpucu: Bu olay, onchange olayına benzer. Aradaki fark, oninput olayının bir elemanın değeri değiştikten hemen sonra meydana gelmesi, onchange ise eleman odağını kaybettiğinde, içerik değiştirildikten sonra meydana gelmesidir. Diğer fark, onchange olayının <select> öğeleri üzerinde de çalışmasıdır.
Tarayıcı Desteği
Tablodaki sayılar, olayı tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Event | |||||
|---|---|---|---|---|---|
| oninput | Yes | 9.0 | 4.0 | 5.0 | Yes |
Sözdizimi
HTML'de:
<element oninput="myScript">
JavaScript'te:
object.oninput = function(){myScript};
JavaScript'te, addEventListener() yöntemini kullanarak:
object.addEventListener("input", myScript);
Not: addEventListener () yöntemi, Internet Explorer 8 ve önceki sürümlerde desteklenmez.
Teknik detaylar
| kabarcıklar: | Evet |
|---|---|
| İptal edilebilir: | Numara |
| Etkinlik tipi: | Olay , Giriş Olayı |
| Desteklenen HTML etiketleri: | <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="month">, <input type=" sayı">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, < input type="time">, <input type="url">, <input type="week"> ve <textarea> |
| DOM Sürümü: | 3. Seviye Etkinlikleri |
Daha fazla örnek
Örnek
Aralık kaydırıcı - kaydırıcı değeri dinamik olarak nasıl güncellenir:
<input type="range" oninput="myFunction(this.value)">