在任何地方调用stopPropagation都不好，它会破坏事件委托 *，可能效率更低，除非你真的为页面上的每个元素添加处理程序（如果你这样做，你应该使用事件委托），而且你可能不记得这样做。
因此，经验法则是：只有在需要时才调用stopPropagation。

• 也就是.live、.delegate和.on的委派版本。

下面是一个事件委托的示例，它依赖于冒泡来侦听源自创建侦听器 * 之后 * 添加的元素的事件：

document.documentElement.addEventListener('click', function(e) {
    if(e.target.nodeName === 'a') {
        console.log('A link was clicked!');
    }
});

下面的jQuery打破了这一点：

$('div').click(function(e) {
    e.stopPropagation();
});

任何<div>的后代<a>将不再处理其点击!请不要这样做。

请记住，如果您使用jQuery live函数并停止它，live处理程序将不会调用，因为live事件存储在document元素中。