window.status = "Current Target = " + e.currentTarget

The status window is shown on the bottom left corner of Netscape 6 window. Notice that you have to pass the e object as a parameter to those functions which reference it. In the following example, we pass the e object as a parameter to colorItTan():

<DIV ID="demoDiv" STYLE="position:relative; left:100px; top:20px; width:250px; 
height:45px; color:blue; background-color:yellow;">Click me with the left button! 
</DIV>
<SCRIPT LANGUAGE="JavaScript">
<!--
var demoObj;

function init() {
  demoObj = document.getElementById("demoDiv");
  demoObj.addEventListener("click", colorItTan, false);
}

function colorItTan(e) {
  demoObj.style.backgroundColor = "tan";
  window.status = "currentTarget = " + e.currentTarget;
}

onload = init; 
// -->
</SCRIPT>

Get on Netscape 6 browser and play with this demo. Click the left button and observe the current target (DIV element object) in the status window.

People who read this tip also read these tips:

• Attribute-Based Event Handlers
• Back-Door Referencing of the Form Object
• Event Handler Definition
• Measuring Mousewheel Rotations (IE6)
• The Internet Explorer Event Model

Look for similar tips by subject:

• Events
• Netscape 6
• Browser Compatibility

---