Mega Code Archive

 
Categories / JavaScript Tutorial / Form
 

Capture key event in a textfield

< html> <head> <script language="JavaScript" type = "text/javascript"> <!-- document.onkeypress = DisplayMsg; function DisplayMsg(key_event) {     if (document.all) //Checks for IE 4.0 or later     {       document.form1.text2.value = String.fromCharCode(event.keyCode);     }     else if (document.getElementById) //checks for Netscape 6 or later     {       document.form1.text2.value = String.fromCharCode(key_event.which);     }     else if (document.layers) //Checks for Netscape 4     {       document.form1.text2.value = String.fromCharCode(key_event.which);     } } //--> </script> <title>Capture Key Pressed</title> </head> <body> <form name="form1"> <b>Type value in field:&nbsp; See what you typed:</b><br> <input type = "text" name = "text1" onKeyPress="DisplayMsg(event)" size="20"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type = "text" name = "text2" onKeyPress="DisplayMsg(event)" size="20"> </form> </body> </html>