cancelBubble 的用法

很简单的一题，比如说，现在有一个按钮，有一个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;
};

　　改成这样就可以了