onchange Etkinliği
Örnek
Bir kullanıcı bir <select> öğesinin seçili seçeneğini değiştirdiğinde bir JavaScript yürütün:
<select onchange="myFunction()">
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Onchange olayı, bir elemanın değeri değiştiğinde meydana gelir.
Radyo düğmeleri ve onay kutuları için, kontrol edilen durum değiştirildiğinde onchange olayı meydana gelir.
İpucu: Bu olay oninput 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
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
HTML'de:
<element onchange="myScript">
JavaScript'te:
object.onchange = function(){myScript};
JavaScript'te, addEventListener() yöntemini kullanarak:
object.addEventListener("change", myScript);
Not: addEventListener () yöntemi, Internet Explorer 8 ve önceki sürümlerde desteklenmez.
Teknik detaylar
kabarcıklar: | Evet |
---|---|
İptal edilebilir: | Numara |
Etkinlik tipi: | Etkinlik |
Desteklenen HTML etiketleri: | <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 ">, <seç> ve <textarea> |
DOM Sürümü: | 2. Seviye Etkinlikleri |
Daha fazla örnek
Örnek
Bir kullanıcı bir giriş alanının içeriğini değiştirdiğinde bir JavaScript yürütün:
<input type="text"
onchange="myFunction()">