• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 6. Scripting Events > Examining Modifier Keys

6.5. Examining Modifier Keys

Example 6.2 demonstrates several aspects of working with the browser-specific event objects. As a bonus, the page includes some cross-platform element positioning and dynamic styles. The page is primarily a laboratory for experimenting with particular event object properties to determine which modifier keys are held down during mouse down and key press events. A small table is used as the output area of the page (see Figure 6.1). As the user clicks on a link or types into a text input field, the relevant event properties are checked for the modifier key(s) being held down at the time. For each possible key, the background color of the corresponding TD element is changed to red if the key is pressed. The scripting techniques on this page also reveal some details about particular events that can catch you off guard in one browser or the other.

Figure 6.1. Experimenting with modifier keys



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint