1 <HTML> 2 3 <HEAD> 4 5 <TITLE>JavaScript Event Object</TITLE> 6 7 <SCRIPT LANGUAGE="JavaScript1.2"> 8 9 // Handle a keyPress event; return false if event handled, 10 // otherwise, return true: 11 function keyHandler( e ) { 12 var msg = "Event type: " + e.type; 13 var keyCode = e.which; 14 if ( keyCode > 32 ) { 15 msg += "\nKey: " + String.fromCharCode( keyCode ); 16 msg += "\nKey code: " + keyCode; 17 msg += modifierMsg( e ); 18 alert( msg ); 19 return false; 20 } 21 return true; 22 } 23 24 // Return a message describing the modifier 25 // keys held down: 26 function modifierMsg( e ) { 27 var msg = ""; 28 if ( isAlt( e ) ) 29 msg += "\nAlt key was down."; 30 if ( isControl( e ) ) 31 msg += "\nControl key was down."; 32 if ( isShift( e ) ) 33 msg += "\nShift key was down."; 34 // What key is the meta-key? 35 if ( isMeta( e ) ) 36 msg += "\nMeta key was down."; 37 return msg; 38 } 39 40 function isAlt( e ) { 41 return e.modifiers & Event.ALT_MASK; 42 } 43 function isControl( e ) { 44 return e.modifiers & Event.CONTROL_MASK; 45 } 46 function isShift( e ) { 47 return e.modifiers & Event.SHIFT_MASK; 48 } 49 function isMeta( e ) { 50 return e.modifiers & Event.META_MASK; 51 } 52 function isModifier( e ) { 53 return isAlt( e ) || isControl( e ) || isShift( e ) || isMeta( e ); 54 } 55 56 //window.captureEvents( Event.KEYDOWN ); 57 document.captureEvents( Event.KEYPRESS ); 58 59 /* 60 * In JavaScript 1.1, event handlers *must* be written 61 * in lowercase (as below). Here it doesn't matter, 62 * however, since this script requires JavaScript 1.2. 63 */ 64 65 //window.onkeydown = keyHandler; 66 document.onkeypress = keyHandler; 67 68 </SCRIPT> 69 70 </HEAD> 71 72 <BODY BGCOLOR="#FFFFFF"> 73 74 Press any key.<BR> 75 Optionally hold down Shift as you press the key. 76 77 </BODY> 78 79 </HTML> 80