js 区分：阻止事件冒泡（stopPropagation）与阻止默认行为（preventDefault）

阻止事件冒泡： event.stopPropagation();

事件代理用到了两个在JavaSciprt事件中常被忽略的特性：事件冒泡以及目标元素。

当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。

这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。

event.stopPropagation() 方法阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。

 

阻止默认行为：event.preventDefault()

比如<a href="http://www.baidu.com">百度</a>

点击百度链接到http://www.baidu.com,这是属于<a>标签的默认行为

而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。