码迷,mamicode.com
首页 > 其他好文 > 详细

cancelBubble 的用法

时间:2014-11-28 00:54:41      阅读:858      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   ar   使用   sp   java   on   div   

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

  改成这样就可以了

cancelBubble 的用法

标签:style   blog   io   ar   使用   sp   java   on   div   

原文地址:http://www.cnblogs.com/wujidns/p/4127501.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!