如何检测元素上的点击以及除了一个元素之外的所有元素？

Question

我试图点击一个div并触发一个函数（在javascript / jquery中），但是如果我点击该div的子元素，就不要理解它。

嗯，基本上，我有这个结构

<div class="parent">
   <div class="child_1">
      <div class="child_2">
         <button id="myButton"></button>
      </div>
   </div>
</div>

我想要做的是，我想要检测我是否点击了.parent并对某个功能进行了分解，但如果我点击#myButton

就不要理解它

到目前为止，我已经尝试了很多方法，但如果我有一个

，我无法找到正确的方法

$(".parent").click(function(){...})

如果我点击myButton，任何想法，

似乎也称之为

Answer 1

检查event目标：

$(".parent").click(function(e){
    if (e.target.id == "myButton") return false;

    //code
})

小提琴：http://jsfiddle.net/rz6oqbh0/