Javascript onblur kullanımı

sezaialkan
Sezai Alkan Frontend Developer

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.

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol