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:

• Triggering an Action by a Property Change
• Event Handler Definition
• Detecting a Selection
• The WSDL's types Element
• Extracting the Document's Stream

Look for similar tips by subject:

• Events
• Netscape 6
• Browser Compatibility

---