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

function clickHandler(e){
 var elem, evt = e ? e:event;
 if (evt.srcElement)  elem = evt.srcElement;// was needed for ie as 'target' was
 else if (evt.target) elem = evt.target;

 var handlerElem, evt = e ? e:event;
 if (evt.currentTarget)  handlerElem = evt.currentTarget; // ie9 onwards
  
 debugger;
 alert (''
  +'You clicked the following HTML element: \n < id='
  +elem.id
  +'>\n'
	
	+'This click handler is attached to <'+handlerElem.tagName + '>'
	
 )
 return true;
}

document.querySelector("body").onclick=clickHandler;