HOME > > > > >

event.target

jQuery.Eventのプロパティ。イベントの対象となったDOM要素。event.cuurentTargetはイベントバブリングフェーズ中に変化するがこちらは変化しない。

イベントハンドラ内での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.     $('#screen-template').tmpl({
  6.         target: $(e.currentTarget).attr('class'),
  7.         currentTarget: $(e.target).attr('class')
  8.     }).appendTo(e.data.screen).css({margin: 0});
  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.  
  12. <script id="screen-template" type="text/x-jquery-tmpl">
  13. <p>[target]${target} : [currentTarget]${currentTarget}</p>
  14. </script>
  15.  
  16. <div class="screen"></div>
参照サイト