blur fonksiyonu, elementin odaklanmasının (focus) kaldırılmasını sağlar.
Sözdizimi
element.blur()
Aşağıdaki örnek, 5 saniyelik geri sayım sayacı kullanılarak bir input-text elementinde blur olayının gerçekleşmesini göstermektedir.
<input type="button" value="Geri Say" onClick="GeriSay()"/>
<input id="OrnekGiris" type="text" value="" onBlur="blurOldu()" />
<div id="GeriSayim" style="font-size:large;"></div>
<script type="text/javascript">
function blurOldu()
{
alert('onBlur oldu!');
}
var Saniye = 5;
function GeriSay()
{
if(Saniye <= 0)
{
document.getElementById('OrnekGiris').blur();
Saniye = 5;
}
else
{
Saniye--;
document.getElementById('GeriSayim').innerHTML = Saniye;
setTimeout('GeriSay()',1000);
}
}
</script>
Fonksiyonu test etmek için butona bastıktan sonra textbox içine tıklayarak focus olmasını sağlamalısınız. Aksi takdirde blur fonksiyonunun bir işlevi olmayacaktır.
Test Edin