JavaScript onFocus ve onBlur Olayı

SerkanKacan

Paylaşım Ekibi
28 May 2019
362
13
istanbul
Credits
0
JavaScript'te onFocus ve onBlur Olayı
onBlur, o an seçili ve aktif olan elemanın terkedilmesi ve seçilmiş özelliğini kaybetmesi olayıdır. Örneğin bir metin kutusuna tıklandığında onFocus olayı gerçekleşir. Yani o kutuya odaklanılmış olur ve kutu aktif hale gelir. Sayfadaki herhangi başka bir yere tıklanarak kutudan çıkıldığında ise o kutu için onBlur olayı gerçekleşmiş olur.

onBlur Olayına Örnek
Metin kutusu tıklanmadan önce:



Metin kutusuna tıklandığında (onFocus veya onClick kullanılabilir)



Bunun için onFocus ve onBlur olaylarında çalışacak iki fonksiyona ihtiyacımız var:


Kod:
<html>
<head>
<script language="javascript">
function kutuGiris()
{
    if(document.form1.k1.value=="Ara...")
    {
        document.form1.k1.value="";
        }
}
       
function kutuCikis()
{
    if(document.form1.k1.value=="")
    {
        document.form1.k1.value="Ara...";
        }
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="k1" id="k1" onFocus="kutuGiris()" value="Ara..." onblur="kutuCikis()"/>
<input type="submit" name="b1" id="b1" value="Ara" />
</form>
</body>
</html>
kaynak : btdersleri.com