e.target与e.currentTarget的区别

e.currentTarget指的是注册了事件监听器的对象(会冒泡),而e.target指的是该对象里的子对象,也是触发这个事件的对象!

  1. <body>  
  2. <div id="fa" onmousedown="getEventTrigger(event)">  
  3.     <p id="son" onmousedown="getEventTrigger(event)">点我试试p>  
  4. div>  
  5. body>  
  6. <script type="text/javascript">  
  7.     var fa = document.getElementById('fa');  
  8.     var son = document.getElementById('son');  
  9.     function getEventTrigger(event)  
  10.     {  
  11.         x=event.currentTarget;  
  12.         y=event.target;  
  13.         alert("currentTarget 指向: " + x.id + ", target指向:" + y.id);  
  14.     }  
  15. script>  

e.target与e.currentTarget的区别_第1张图片

e.target与e.currentTarget的区别_第2张图片

你可能感兴趣的:(e.target与e.currentTarget的区别)