Click Event Handler

event.target event.currentTarget

by Ben Clayton

HTML

<div id="outer">
XXXXX
<div id="inner">YYYYYY</div>
</div>

CSS

#inner {margin:30px;}

JavaScript

document.getElementById('outer').addEventListener('click', function (event) {
		debugger;
 
});

// currentTarget = is the element which the event handler is attached to
// target is the element which was clicked. (not ie)
// srcElement is the element which was clicked (ie)