JavaScript Examples Bible - UserWorks Technologies

430
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
Listing 29-21 (continued)
var direction = (evt.relatedTarget.firstChild) ?
evt.relatedTarget.firstChild.nodeValue : “parts unknown”
status = “Arrived from: “ + direction
}
}
}
function showDeparture(evt) {
if (evt.target.nodeType == 1) {
if (evt.relatedTarget != evt.target.firstChild) {
var direction = (evt.relatedTarget.firstChild) ?
evt.relatedTarget.firstChild.nodeValue : “parts unknown”
status = “Departed to: “ + direction
}
}
}
relatedTarget Properties
Roll the mouse to the center box and look for arrival information
in the status bar. Roll the mouse away from the center box and look for
departure information in the status bar.
North
West
Roll
East
South
target
(NN6) eventObject.target
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓
Example
As a simplified demonstration of the power of the target property, Listing 29-22
has but two event handlers defined for the BODY element, each invoking a single