event.currentTarget与event.target的区别介绍

<div id="wrapper"> 
<a href="#" id="inner">click here!</a> 
</div> 
<script type="text/javascript" src="source/jquery.js"></script> 
<script> 
$('#wrapper').click(function(e) { 
console.log('#wrapper'); 
console.log(e.currentTarget); 
console.log(e.target); 
}); 
$('#inner').click(function(e) { 
console.log('#inner'); 
console.log(e.currentTarget); 
console.log(e.target); 
}); 
/* 
以上测试输出如下： 
当点击click here!时click会向上冒泡，输出如下： 
#inner 
<a href=?"#" id=?"inner">?click here!?</a>? 
<a href=?"#" id=?"inner">?click here!?</a>? 
#wrapper 
<div id=?"wrapper">?…?</div>? 
<a href=?"#" id=?"inner">?click here!?</a>? 
*/ 
</script> 

版权声明：本文为博主原创文章，未经博主允许不得转载。