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>
No comments:
Post a Comment