event.target 屬性返回哪一個 DOM 元素觸發了事件。

 

<ul>
  <li>list <strong>item 1</strong></li>
  <li><span>list item 2</span></li>
  <li>list item 3</li>
</ul>

<script>
$("ul").click(function(event) {
  console.log(event);	
  var $target = $(event.target);
  if ( $target.is("li") ) {
    $target.css("background-color", "red");
  }
});
</script>

event.target 屬性返回哪一個 DOM 元素觸發了事件。

這裏比較 event.target與this 是很是有用的，以便判斷事件是否因事件冒泡被處理。