onchange olayı

DOM olayları Event nesnesi

Tanım ve kullanım

Elemanın değeri değiştiğinde onchange olayı tetiklenir.

Tek seçenek ve çift seçenekler için, seçili durum değiştiğinde onchange olayı tetiklenir.

İpucu:Bu olay benzerdir oninput olayıBu olay, değer değiştiğinde hemen gerçekleşen oninput olayına benzer. Diğer bir fark, onchange olayının <select> elementleri için de geçerli olmasıdır.

Örnek

Örnek 1

Kullanıcı <select> elementinin seçili seçeneklerini değiştirdiğinde JavaScript çalıştırılır:

<select onchange="myFunction()">

Kişisel olarak deneyin

Örnek 2

Kullanıcı girdi alanının içeriğini değiştirdiğinde JavaScript çalıştırılır:

<input type="text" onchange="myFunction()">

Kişisel olarak deneyin

Sözdizimi

HTML'de:

<element onchange="myScript">

Kişisel olarak deneyin

JavaScript'te:

nesne.onchange = function(){myScript};

Kişisel olarak deneyin

JavaScript'te, addEventListener() metodu ile:

nesne.addEventListener("change", myScript);

Kişisel olarak deneyin

Açıklama:Internet Explorer 8 veya daha eski sürümler desteklenmiyor addEventListener() metodu。

Teknik ayrıntılar

Yayılabilir: Destek
İptal edilebilir: Desteklenmiyor
Olay türü: Event
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">, <select> ve <textarea>
DOM sürümü: 2. seviye olaylar

Tarayıcı desteği

Olaylar Chrome IE Firefox Safari Opera
onchange Destek Destek Destek Destek Destek
DOM olayları Event nesnesi