js在父元素上添加点击事件，怎么阻止子元素继承父元素的点击事件？

Question

父元素中有上百了不同的子元素，怎么实现在父元素上添加点击事件，而在子元素上点击时不触发？不能在每一个子元素上阻止事件冒泡吧

Answer 1

div.onclick = function(ev){
    if(ev.target!=this) return;
    else {
        ...
    }
}

Answer 2

function(event) {
    if (event.target === this) {
        // your code here
    }
}

Answer 3

通过事件触发回调里的事件对象判断触发事件的元素是否是你想要的。

Answer 4

在加载的时候用each方法加阻止冒泡

Answer 5

在几百个子元素上套一个父元素，并阻止冒泡么