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 是非常有用的,以便判断事件是否因事件冒泡被处理。

  

猜你喜欢

转载自www.cnblogs.com/xqschool/p/9773367.html