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>

Yorum Ekle

E-posta hesabınız yayımlanmayacak.