首页 > 代码库 > cancelBubble 的用法
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;};改成这样就可以了
cancelBubble 的用法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。