很简单的一题，比如说，现在有一个按钮，有一个div，点击按钮div出现，点击别的地方的时候，div隐藏,
var oBtn=document.getElementById(‘btn‘);
var oUl=document.getElementById(‘ul1‘);
oBtn.onclick=function(){
oUl.style.display=‘block‘;
};
document.onclick=function(){
oUl.style.display=‘none‘;
}
这样显然不行，点击按钮什么也出不来了，很显示，其实他执行过这个事件了，只不过冒泡了，现在我们就需要阻止冒泡，cancelBubble就用上了，cancelBubble和event一起使用，下面看一下代码 ：
oBtn.onclick=function(ev){
var oEvent=ev||event;
oUl.style.display=‘block‘;
oEvent.cancelBubble=true;
};
改成这样就可以了
原文：http://www.cnblogs.com/wujidns/p/4127501.html