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;
 else if (evt.target) elem = evt.target;
 
 alert (''
  +'You clicked the following HTML element: \n <'
  +elem.tagName.toUpperCase()
  +'>'
 )
 return true;
}

document.onclick=clickHandler;