Javascript onblur kullanımı

Javascript

onblur 

kullanımında bir form elemanından farklı bir alana tıklanma durumunu kontrol etmektedir. Bu durumu daha detaylı açıklamak gerekirse bir input nesnesinde blur özelliği tetiklenmesi durumunda çalışmaktadır.

Kullanımı :

onblur=""

input nesnesinin içerisinde veri girişi sağlandıktan sonra nesne dışında herhangi bir alana tıklanması sonucu

onblur 

tetiklenmektedir.

<input type="text" onblur="simple()">

function simple(){
	alert("Nesne dışına çıkıldı.");
}

Yukarıdaki örnek üzerinde input içerisine giriş sağlandıktan sonra farklı bir alana tıklanması sonucunda kullanıcıya alert uyarısı verecektir.
Bu örneği daha da geliştirerek kullanıcının input içerisine girdiği değerleri kontrol edebiliriz.

<label>2 + 3 = ?</label>
<input type="number" id="sonuc" onblur="control()">

function control(){

	var sonuc = document.querySelector("#sonuc").value;

	if (sonuc != 5) {
		console.log("Robot musun ?");
	}else{
		console.log("İnsanlığın doğrulandı")
	}

}

Yukarıdaki örnekte ise kullanıcıdan 2+3 işleminin sonucunu istemektedir. Gelen sonucu da göre input dışına çıkılması durumunda sonucu console üzerine yazdırılacaktır.