|
<HTML>
<HEAD>
<TITLE>Text Input Events</TITLE>
</HEAD>
<BODY>
<SCRIPT>
function handler(e){
if (navigator.appName == "Microsoft Internet Explorer"){
e = window.event;
alert("Event Type: " + e.type);
if (e.keyCode)
alert("Keycode: " + String.fromCharCode(e.keyCode));
if (e.altKey)
alert("Alt Key: " + e.altKey);
if (e.ctrlKey)
alert("Ctrl Key: " + e.ctrlKey);
if (e.shiftKey)
alert("Shift Key: " + e.shiftKey);
} else {
alert("Event Type: " + e.type);
if (e.target)
alert("Target: " + Object.prototype.toString.apply(e.target));
if (e.target.name)
alert("Target Name: " + e.target.name);
if (e.which)
alert("Which: " + String.fromCharCode(e.which));
if (e.modifiers)
alert("Modifiers: " + e.modifiers);
}
}
function startForm(){
//document.theForm.userLname.onblur = handler;
document.theForm.userLname.onchange = handler;
//document.theForm.userLname.onfocus = handler;
document.theForm.userLname.onkeydown = handler;
document.theForm.userLname.onkeypress = handler;
document.theForm.userLname.onkeyup = handler;
}
</SCRIPT>
<FORM name="theForm">
Enter Your First Name:
<INPUT type=text name="userLname">
<INPUT type=button name="theButton" value="START" onClick="startForm();">
</FORM>
</BODY>
</HTML>
|