JavaScript Examples Bible - UserWorks Technologies

Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
addBehavior() and removeBehavior() Method Lab
This is a sample paragraph. After turning on the behavior,
it will turn your selected color when you mouse down anywhere in this
paragraph.
Choose a ‘hot’ color:
red
blue
cyan
To turn off the behavior, the removeBehavior() method is invoked. Notice that
the removeBehavior() method is associated with the myP object, and the parameter
is the ID of the behavior added earlier. If you associate multiple behaviors with
an object, you can remove one without disturbing the others because each has its
own unique ID.
addEventListener(“eventType”, listenerFunc,
useCapture)
removeEventListener(“eventType”,
listenerFunc, useCapture)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓
Example
Listing 15-20 provides a compact workbench to explore and experiment with the
basic W3C DOM event model. When the page loads, no event listeners are registered
with the browser (except for the control buttons, of course). But you can add
an event listener for a click event in bubble and/or capture mode to the BODY element
or the P element that surrounds the SPAN holding the line of text. If you add
an event listener and click the text, you see a readout of the element processing the
53
elementObject.addEventListener()