javascript - 阻止来自元素的点击事件，但不阻止来自 <a> 子元素的点击事件

Question

我的代码如下所示:

<div class="disabledClickevent">
  <ul>
    <li><a>link1</a></li>
    <li><a>link2</a></li>
  </ul>
</div>

div 有一个点击事件，该事件被 return false; 禁用。 我的问题是，这也会禁用 <a>链接

Answer 1

 $(document).on('click','.disabledClickevent' function(e) {
   if( e.target !== this ) 
   //clicked out side
 return;    
    //clicked inside
});