Örnek
Bir kullanıcı bir seçilen seçeneği değiştirdiğinde bir JavaScript Yürütme <select> elemanı:
<select onchange="myFunction()">
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
Bir elemanın değeri değiştirildiğinde Onchange olay meydana gelir.
kontrol durumu değişti edildiğinde RadioButtons ve onay kutuları için, Onchange olay meydana gelir.
İpucu: Bu olay benzer oninput 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
Olay | |||||
---|---|---|---|---|---|
onchange | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
HTML'de:
JavaScript:
object .onchange=function(){ Kendin dene "
JavaScript olarak, kullanılarak addEventListener() metodu:
object .addEventListener("change", 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 = "checkbox">, <input type = "color">, <input type = "tarihi">, <input type = "datetime">, <input type = "email">, <input type =" dosya ">, <input type =" ay ">, <input type =" sayı ">, <input type =" password ">, <input type =" radio ">, <input type =" aralık ">, < input type = "search">, <input type = "tel">, <input type = "text">, <input type = "zaman">, <input type = "url">, <input type = "hafta ">, <keygen>, <select> ve <textarea> |
DOM Versiyon: | Seviye 2 Olaylar |
Diğer Örnekler
Ö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()">
Kendin dene " <Olay Nesne