`

target and currentTarget

 
阅读更多

<html>

<head>

<title></title>

</head>

<body>

<div id="outer" style="background:#099"> 

click outer 

<p id="inner" style="background:#9C0">click inner</p> 

<br> 

</div>

 

<script type="text/javascript"> 

function G(id){ 

return document.getElementById(id); 

function addEvent(obj, ev, handler){ 

if(window.attachEvent){ 

obj.attachEvent("on" + ev, handler); 

}else if(window.addEventListener){ 

obj.addEventListener(ev, handler, false); 

function test(e){ 

alert("e.target.tagName : " + e.target.tagName + "\n e.currentTarget.tagName : " + e.currentTarget.tagName); 

var outer = G("outer"); 

var inner = G("inner"); 

//addEvent(inner, "click", test); 

addEvent(outer, "click", test); 

</script> 

</body>

</html>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics