Projelerinizde verimliliği artırmak, hataları bulmak ve daha hızlı geliştirmek için kullanabileceğiniz araçlarla dolu bir dünya!

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.

Anonim

Yorum yapabilmek için giriş yapmanız gerekmektedir.

Sosyal Medya

Mobil Uygulama

Tarayıcı Eklentileri

Şifre Oluşturucu

Google Chrome Plugin

Yardımcı Siteler

w8icon

w8icon.com

Kod depo

koddepo.com

e-mvc

e-mvc.com