事件冒泡现象

浏览器效果

 

 

阻止事件流的方法：

 

阻止事件冒泡：

 

事件对象.cancelBubble=true;  IE8一下阻止事件冒泡

事件对象。stopPropagation(); 其他浏览器阻止事件冒泡

 

代码示例：

 

浏览器效果

 

总结

阻止事件流的固定写法

/*                    事件冒泡的浏览器兼容写法                 */                function stopBubble(e){                    if(e.cancelBubble){                        e.cancelBubble = true;//IE8一下阻止事件冒泡                    }else{                        e.stopPropagation();//其它浏览器阻止事件冒泡                    }                }