JavaScript Examples Bible - UserWorks Technologies

Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
function getEventProps(evt) {
var msg = “”
var elem = evt.target
msg += “event.target.nodeName: “ + elem.nodeName + “\n”
msg += “event.target.parentNode: “ + elem.parentNode.id + “\n”
msg += “event button: “ + evt.button
return msg
}
// onClick event handlers for body, myP, and mySPAN
function bodyClick(evt) {
var msg = “Click event processed in BODY\n\n”
msg += getEventProps(evt)
alert(msg)
checkCancelBubble(evt)
}
function pClick(evt) {
var msg = “Click event processed in P\n\n”
msg += getEventProps(evt)
alert(msg)
checkCancelBubble(evt)
}
function spanClick(evt) {
var msg = “Click event processed in SPAN\n\n”
msg += getEventProps(evt)
alert(msg)
checkCancelBubble(evt)
}
// cancel event bubbling if check box is checked
function checkCancelBubble(evt) {
if (document.controls.bubbleOn.checked) {
evt.stopPropagation()
}
}
// assign onClick event handlers to three elements
function init() {
document.body.onclick = bodyClick
document.getElementById(“myP”).onclick = pClick
document.getElementById(“mySPAN”).onclick = spanClick
}
// invoke fireEvent() on object whose ID is passed as parameter
function doDispatch(objID, evt) {
// don’t let button clicks bubble
evt.stopPropagation()
var newEvt = document.createEvent(“MouseEvent”)
if (newEvt) {
newEvt.button = 3
document.getElementById(objID).dispatchEvent(newEvt)
} else {
Continued
65
elementObject.dispatchEvent()