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

  

 

posted @ 2018-10-11 16:41  小小强学习网  阅读(701)  评论(0编辑  收藏  举报