如何阻止事件冒泡

在页面开发中，我们使用JS添加事件后，默认情况事件会向上冒泡的。

要阻止事件冒泡很简单，两个方法：1、调用event.stopPropagation()方法就行了，其中event就是事件参数；2、return false

event.stopPropagation()

这样我们这里点击按钮后，就不会触发div的事件了，就是说事件没有冒泡到div层了。

return false

	

	    仙剑奇侠传
	
	
	

event.preventDefault()

	

		仙剑奇侠传
	
	
	

总结： 

1、event.stopPropagation();

事件处理过程中，阻止了事件冒泡，但不会阻止默认行为（执行超链接的跳转） 

2、return false;

事件处理过程中，阻止了事件冒泡，也阻止了默认行为（不执行超链接的跳转） 

3、event.preventDefault();
事件处理过程中，不阻止事件冒泡，但阻止默认行为（父元素以上全部会触发该事件，但不执行超链接跳转）