JavaScript onBlur olay tutucusu, bir form elementi, window veya frame nesnesinden çıkıldığında (focus özelliğini kaybettiğinde) tetiklenir.
Alttaki textbox kontrolü onBlur olayının gerçekleşme zamanını göstermektedir. Textbox içine fare ile tıkladıktan sonra textbox içinden çıkmak amacıyla sayfanın boş bir yerine tıkladığınızda onBlur olayı tetiklenecektir.
Aşağıdaki örnek JavaScript onBlur olay tutucuyu kullanarak Text kontrolüne girilen değerin çıkışta bir metin mi yoksa rakam mı olduğunu kontrol eder. Bu kontrolü JavaScriptin öntanımlı isNaN fonksiyonu ile yapar. isNaN fonksiyonu aldığı parametre rakam değilse true geri döndürür.
Rakam veya harf girişi yapınız.
<html>
<head>
<script type="text/javascript">
function GirisKontrol()
{
var UyariNesne = document.getElementById('Uyari');
var TextNesne = document.getElementById('TextGiris');
if(isNaN(TextNesne.value))
UyariNesne.innerHTML = "Metin girişi yaptınız!";
else
UyariNesne.innerHTML = "Rakam girişi yaptınız!";
}
</script>
</head>
<body>
<p>Sadece rakam veya harf girişi yapınız.</p><br />
<input id="TextGiris" name="TextGiris" type="text" onblur="GirisKontrol();">
<span id="Uyari" style="color:Red;"> </span>
</body>
</html>Örneğin gövde (body) kısmında, onBlur olay tutucusu tetiklendiği zaman Script kısmındaki GirisKontrol fonksiyonunu çağırması için aşağıdaki gibi tanımlanmış bir Textbox ve dinamik uyarı göstermek için bir span elementi bulunmaktadır.
<input type="text" .... onblur="GirisKontrol();">
onBlur, tetiklendiği zaman GirisKontrol fonksiyonu çalışır ve textbox içindeki değer isNaN ile kontrol edilerek, UyariNesne olarak tanımlanmış span elementi içine innerHTML kullanılarak sonuç yazılır.