javascript - 如何选择一个类而不是其内部元素？

Question

说我有

<div id="mydiv">
  <div class="myclass">
       <span class="otherclass"></span>
       and many other classes...
  </div>
</div>

我想在 .mydiv 上捕获点击事件，但不在 .myclass 中。

我尝试了 .mydiv:not(.myclass) 但它似乎不起作用。我认为这是因为我可能正在单击其他类，所以 :not(.myclass) 不起作用。我怎样才能得到我想得到的区域？谢谢!

Answer 1

使 #mydiv 可点击，随心所欲，并停止从 .myclass 传播事件，这样事件就不会从 myclass 冒泡到 mydiv

     $('#mydiv').click(function(){
        // do anything
     })

    // stop event propagation
     $('.myclass').click(function(e){
        e.stopPropagation();
        })