JavaScript
jQuery

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

More than 1 year has passed since last update.

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

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

var $target = $(e.target);

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

・・・

},this));

上記みたいな書き方をしてしまうと

liの中の他要素をクリックした時、クリックした要素、つまりイベントが発火した要素が

$targetとして保存されてしまったりする。

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

常にliのようにイベントが通過した要素を取得したい場合は

イベントリスナを登録した要素を取得するcurrentTargetを利用する。