Javascript onblur kullanımı

Sezai AlkanFrontend Developer

JavaScript #javascript #js #onblur

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.