Javascript OnFocus ve OnBlur Olayları nedir ?
onFocus
Web sayfanızdaki bir text, textarea yada select gibi elementlerin üzerine tıklandığı zaman bu tıklanan element’e bir odak gerçekleşir yani onFocus çalışır işte bu esnada tetiklemek istediğiniz farklı bir aksiyonu harekete geçirebilirsiniz .
Adınız ve Soyadınız: <input type="text" onfocus="onFocusFonksiyonu(this)">
<p>İmleci ad soyad alanının içerisine getirdiğiniz zaman sonucu göreceksiniz.</p>
<script>
function onFocusFonksiyonu(x) {
x.style.background = "green";
}
</script>
onBlur
Sayfanızdaki bir nesneden ayrıldığınızda Onblur olayı tetiklenmektedir. onBlur olayı genellikle bir doğrulama işlemi için kullanılmaktadır .
Adınız ve Soyadınız : <input type="text" id="fname" onblur="onBlurFonksiyonu()">
<p>Adınızı ve soyadınızı input alanına yazdığınızda büyük harf olarak değiştiğini göreceksiniz.</p>
<script>
function onBlurFonksiyonu() {
var x = document.getElementById("fname");
x.value = x.value.toUpperCase();
}
</script>