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:

• The Event Object Properties
• IE Event Bubbling
• The WSDL's service Element
• Keyboard-Triggered Events
• Computing the Mouse Click Location

Look for similar tips by subject:

• Events
• Netscape 6
• Browser Compatibility

---