Using the srcElement property : Browser Event « Window Browser « JavaScript DHTML

Using the srcElement property

<HTML>
<HEAD>
<TITLE>srcElement Property</TITLE>

<SCRIPT LANGUAGE="JavaScript">
function highlight() {
    var elem = event.srcElement
    if (elem.className == "bold") {
        document.styleSheets[0].rules[0].style.color = "red"
    } else {
        elem.style.color = "#FFCC00"
    }
}
function restore() {
    var elem = event.srcElement
    if (elem.className == "bold") {
        document.styleSheets[0].rules[0].style.color = "yellow"
    } else {
        elem.style.color = "red"
    }
}
</SCRIPT>
<STYLE TYPE="text/css">
.bold {font-weight:bold}
</STYLE>
</HEAD>
<BODY onMouseDown="highlight()" onMouseUp="restore()">
<H1>srcElement Property</H1>
<HR>
<P>One event handler...</P>
<UL>
<LI>A
<LI>BB
<LI>CCC
<LI>DDDD
</UL>
<P>
Text Text <span class="bold">Text</span> Text Text Text Text 
</P>
</BODY>
</HTML>

Related examples in the same category

1.	Using the History Object to Navigate
2.	Handling onBlur and onFocus in Frames
3.	IE4+ Event Coordinate Properties
4.	NN4 Event Capture and Release 1
5.	Document and Layer Event Capture and Release
6.	NN4 Capture, Release, and Route Events
7.	NN4 Redirecting Events
8.	Event Bubbling Demonstration
9.	Cancelling and Redirecting Events in IE5.5+
10.	NN6 Event Capture and Bubble
11.	Preventing Bubble and Capture
12.	Cancelling and Redirecting Events in NN6+