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