阻止事件冒泡总结

1、事件冒泡：

    在一个对象上触发某类事件（例如单击事件onclick事件），若果此对象定义了此事件的处理程序，那么就会调用这个处理程序；但是如果没有定义此事件的处理程序或者事件返回true，那么这个事件就会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它达到了对象层次的最顶层，即document对象（有的浏览器是window）。

2、解决方法：

(1) 在事件处理程序最后加上return flase;语句(只适用jQuery,原生js无效)

它实际上做了3件事情：

[javascript]  view plain  copy

1. event.preventDefault();  
2. event.stopPropagation();  
3. 停止回调函数执行并立即返回。  

(2) 不用return且兼容ie的原生写法(ie8及其以下)

(ie6/7/8 只支持window.event不支持参数传入，火狐只支持参数传入，IE9/Opera/Safari/Chrome 两种方式都支持。。。)

[javascript]  view plain  copy

1. var e = event || window.event;  
2.     if (e && e.stopPropagation) {  
3.         e.stopPropagation();  
4.     } else {  
5.         e.cancelBubble = true;  
6.     }  

3、jQuery下，不用考虑兼容性问题。。。

[javascript]  view plain  copy

1. $("id").click(function(e) {  
2.        e.stopPropagation();  
3.    });