如何检测元素和其中一个元素以外的所有元素的点击？

Question

I am trying to click on a div and trigger a function (in javascript/jquery) but dont triger it if I click a child element of that div.

Well, basically, I have this structure

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

What I want to do, is that I want to detect if I click on .parent and triger a function, but dont triger it if i click on #myButton

so far, Ive tried many ways but I cannot figure out the proper way, if I have a

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

seems to call it as well if I click on myButton, any ideas?

Answer 1

Check the event target:

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

    //code
})

Le fiddle: http://jsfiddle.net/rz6oqbh0/