Blur event in JavaScript

Onblur event will be fired when control lose the focus.

Example:

Place the curosr in the below texboxes one after one.

Code Sample:

<html> <head> <title>Onblur event example in JavaScript</title> <script language="Javascript"> var cnt = 0; var arybg = new Array("Red", "Green", "Blue", "Yellow", "Black", "Brown"); function onblurevt(evt, t) { if (cnt == arybg.length) cnt = 0; t.style.backgroundColor = arybg[cnt]; cnt++; } </script> </head> <body> <table align="center"> <tr> <td> Place the curosr in the below texboxes one after one. </td> </tr> <tr> <td> <input type="text" id="Text1" onblur="onblurevt(event,this);" /> </td> </tr> <tr> <td> <input type="text" id="Text2" onblur="onblurevt(event,this);" /> </td> </tr> <tr> <td> <input type="text" id="Text3" onblur="onblurevt(event,this);" /> </td> </tr> <tr> <td> <input type="text" id="Text4" onblur="onblurevt(event,this);" /> </td> </tr> <tr> <td> <input type="text" id="Text5" onblur="onblurevt(event,this);" /> </td> </tr> </table> </body> </html>