如何点击事件只对父DIV，而不是孩子？

Question

我有一个带有分类的DIV foobar，以及DIV内部的几个DIV，这些DIV没有被删除，但我想他们继承了这个foobar类：$('.foobar').on('click', function() { /*...do stuff...*/ });我想要只在点击DIV中的某个地方而不是在其子DIV上点火时才开启。

Answer 1

你可以使用鼓泡对你有利：

$('.foobar').on('click', function(e) {

    // do your thing.

}).on('click', 'div', function(e) {

    // clicked on descendant div

    e.stopPropagation();

});