JavaScript Examples Bible - UserWorks Technologies

onLoseCapture
Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓
Example
See Listing 15-30 earlier in this chapter for an example of how to use
onLoseCapture with an event-capturing scenario for displaying a context menu.
The onLoseCapture event handler hides the context menu when the user performs
any action that causes the menu to lose mouse capture.
onMouseDown
onMouseUp
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓ ✓ ✓
Example
To demonstrate a likely scenario of changing button images in response to
rolling atop an image, pressing down on it, releasing the mouse button, and rolling
away from the image, Listing 15-42 presents a pair of small navigation buttons
(left- and right-arrow buttons). Because the image object is not part of the document
object model for NN2 or IE3 (which reports itself as Navigator version 2),
the page is designed to accept all browsers. Only those browsers that support
precached images and image swapping (and thus pass the test for the presence of
the document.images array) can execute those statements. For a browser with an
image object, images are preloaded into the browser cache as the page loads so
that response to the user is instantaneous the first time the user calls upon new
versions of the images.
Listing 15-42: Using onMouseDown and onMouseUp Event
Handlers
onMouseDown and onMouseUp Event Handlers
if (document.images) {
var RightNormImg = new Image(16,16)
var RightUpImg = new Image(16,16)
Continued
115
elementObject.onMouseDown