JavaScript Examples Bible - UserWorks Technologies

100
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
Example
The onClick event handler is one of the simplest to grasp and use. Listing 15-35
demonstrates its interaction with the onDblClick event handler and shows you
how to prevent a link’s intrinsic action from activating when combined with click
events. As you click and/or double-click the link, the status bar displays a message
associated with each event. Notice that if you double-click, the click event fires
first with the first message immediately replaced by the second. For demonstration
purposes, I show both backward-compatible ways of cancelling the link’s intrinsic
action. In practice, decide on one style and stick with it.
Listing 15-35: Using onClick and onDblClick Event Handlers
onClick and onDblClick Event Handlers
var msg = “”
function showClick() {
msg = “The element has been clicked. “
status = msg
}
function showDblClick() {
msg = “The element has been double-clicked.”
status = msg
return false
}
onClick and onDblClick Event Handlers
A sample link.
onContextMenu
elementObject.onContextMenu
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓