你可以用冒泡来帮助自己:

$('.foobar').on('click', function(e) {
    // do your thing.
}).on('click', 'div', function(e) {
    // clicked on descendant div
    e.stopPropagation();
});

$(".advanced ul li").live('click',function(e){
    if(e.target != this) return;
    //code
    // this code will execute only when you click to li and not to a child
})

你可以用冒泡来帮助自己:

$('.foobar').on('click', function(e) {
    // do your thing.
}).on('click', 'div', function(e) {
    // clicked on descendant div
    e.stopPropagation();
});

如果您不介意只针对较新的浏览器，还有另一种方法。只需要添加CSS

pointer-events: none;

到您想要捕获点击的div的任何子div。这是支持表

http://caniuse.com/#feat=pointer-events

定义事件时，该事件具有属性this。此属性表示事件被分配给的DOMElement。要检查触发事件的元素，请使用e.target。

由于事件是在元素的子元素中继承的，因此检查目标是否

function doSomething(event) {
  if (this == event.target){
    // do something
  }
}

如果你不能使用指针事件:none;并且针对现代浏览器，你可以使用composedPath来检测对对象的直接点击，如下所示:

element.addEventListener("click", function (ev) {
    if (ev.composedPath()[0] === this) {
        // your code here ...
    }
})

你可以在这里阅读关于composedPath的更多信息: https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath