HOME > > > > >

event.delegateTarget

イベントを捕捉した要素。イベントが発生した要素はevent.target

サンプル

実行結果

実行
実行
実行

Javascript

  1. $('#js-sample-1').on('click', '.btn', (e) => {
  2.     const color = $(e.target).data('color');
  3.  
  4.     $(e.delegateTarget).css({
  5.         backgroundColor: color
  6.     });
  7. });

HTML

  1. <div id="js-sample-1">
  2.   <span class="btn btn-execute" data-color="red">実行</span><br>
  3.   <span class="btn btn-execute" data-color="blue">実行</span><br>
  4.   <span class="btn btn-execute" data-color="yellow">実行</span>
  5. </div>
  6.  
  7.