Target 和 currentTarget

HTML

<a ng-click="showIntrod($event)">
    <i class="fa fa-caret-down"></i>看介紹
</a>

JS

$scope.showIntrod = function($event) {
    console.log($event.currentTarget);
  console.log($event.Target);
};

這是我今天遇到的一個結構,當我今天在 click 這個 link 的時候,因為裡面還有一個i文字,如果我點選的是a時,console的內容如下:

  1. a
  2. a

可是如果點選到的是link內的i,回傳的則是:

  1. a
  2. i

currentTarget會回傳觸發事件的節點上,而Target則會回傳當前的物件結構,currentTarget則可以用來避免發生冒泡事件。

Comments

comments powered by Disqus