HOME > > > > >

event.currentTarget

jQuery.Eventのプロパティ。イベントバブリングフェーズの現在のDOM要素。event.targetは発生源なのに対し、伝播しているDOMみたいな感じ。

イベントハンドラ内でのthisとなる。

サンプル

実行結果

allWrapper
outer
inner

Javascript

  1. $('.jqTest1 div').css({
  2.     border: '1px solid #C5C5C5',
  3.     padding: 20
  4. }).on('click', {screen: $('.screen')}, function(e){
  5.     e.data.screen.append($('<p>', {
  6.         text: $(e.currentTarget).attr('class') + ':' + $(e.target).attr('class'),
  7.         css: {margin: 0}
  8.     }));
  9. });

HTML

  1. <div class="jqTest1">
  2.     <div class="allWrapper">allWrapper
  3.         <div class="outer">outer
  4.             <div class="inner">inner
  5.                 <button class="dummy">dummy</button>
  6.             </div>
  7.         </div>
  8.     </div>
  9. </div>
  10. <hr />
  11. <div class="screen"></div>