En son web geliştirme öğreticiler
 

Onchange Olay

<Olay Nesne

Ö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

Örnekler

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