Mega Code Archive

 
Categories / JavaScript Tutorial / Form
 

Text Input Events

< 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>