【 javascript / jQuery 】event.targetとevent.currentTerget

よくあるネタですが備忘録として。。。

$('li').on('click', $.proxy(function(e) {

  var $target = $(e.target);

  this.xxxx($(this), $target);

・・・

},this));

上記みたいな書き方をしてしまうと
liの中の他要素をクリックした時、クリックした要素、つまりイベントが発火した要素が
$targetとして保存されてしまったりする。

これは単純にイベントが発生した要素がevent.targetで取得できるため。

常にliのようにイベントが通過した要素を取得したい場合は
イベントリスナを登録した要素を取得するcurrentTargetを利用する。