onChange

JavaScript onChange olayı, Select, Text veya Textarea form elementlerinde, elemente girildiği zaman ki değerle çıkıldığı zaman ki değerlerinin farklı olması durumunda gerçekleşir. onChange olayı gerçek zamanlı bir kontrol yapmaz. Değişim kontrolü ilgili elementten çıkıldığı zaman yapılır.

Örneğin, aşağıdaki metin kutusuna girip-çıktığınız zaman değişim uyarısı görmezsiniz. Değeri değiştirip çıkdığınız zaman uyarı görürsünüz. Fakat değeri değiştirdikten sonra tekrar girip-çıkarsanız uyarı görmezsiniz.

<script type="text/javascript">
function Temizle() {
	document.getElementById('uyar').innerHTML = '';
}
function Uyar() {
	document.getElementById('uyar').innerHTML='onChange oldu!';
}
</script>

<!-- HTML -->
<input name="metinkutu" type="text" value="myNotlar" onFocus="Temizle();" onChange="Uyar();">

<span id="uyar"></span>

Not : onFocus olay tutucusu window ve form elementlerine odaklanıldığı/girildiği zaman gerçekleşen bir olay olduğu için onChange'in çalışmasına engel olmaz.

Örneğin HTML kısmında, onChange olay tutucusu uyarı gösteren Uyar fonksiyonunu çağırması ve onFocus olay tutucusu metin kutusu kontrolüne girildiği zaman uyarı alanını temizlemesi için Temizle fonksiyonunu çağıracak şekilde aşağıdaki gibi tanımlanmış bir Textbox ve uyarı göstermek için bir span elementi bulunmaktadır.

 <input type="text" .... onFocus="Temizle();" onChange="Uyar();">

Metin kutusu kontrolüne girildiği zaman onFocus tetiklenerek Temizle fonksiyonu ile uyarı alanı temizlenir. onChange olma durumunda Uyar fonksiyonu ile uyarı gösterilir.

• Event Nesnesi
• event.altKey
• event.button
• event.cancelBubble
• event.charCode
• clientX ve clientY
• event.ctrlKey
• event.currentTarget
• event.eventPhase
• event.initEvent()
• event.initKeyEvent()
• event.initMouseEvent()
• event.keyCode
• layerX ve layerY
• offsetX ve offsetY
• pageX ve pageY
• event.preventDefault()
• screenX ve screenY
• event.shiftKey
• event.stopPropagation()
• event.target
• event.type
• event.which
• event.x ve event.y