JavaScript防止事件冒泡函数

阻止事件冒泡的两种方式

事件冒泡：开始时由最具体的元素接收，然后逐级向上传播到到 DOM 最顶层节点。
事件冒泡本身的特性，会带来的坏处，也会带来的好处，需要我们灵活掌握。

阻止事件冒泡

标准写法：利用事件对象里面的 stopPropagation()方法

 e.stopPropagation() 

非标准写法：IE 6-8 利用事件对象 cancelBubble 属性

e.cancelBubble = true; 

阻止事件冒泡的兼容性解决方案

// 参数e 是事件对象
function stopPropagation(e) {
	e = e || window.event;
	if(e.stopPropagation) { //W3C 阻止冒泡方法
		e.stopPropagation();
	} else {
		e.cancelBubble = true; //IE 阻止冒泡方法
	}
}