[Js]阻止事件冒泡
例子:点击按钮,弹出一块div,点击页面别处,div隐藏
分析:当点了按钮的时候会事件冒泡到document层,阻止事件冒泡,要用到event.cancelBubble=true;
window.onload=function(){
var btn=document.getElementById("btn");
var box=document.getElementById("box");
btn.onclick=function(ev){
var oEvent=ev||event; //兼容ie和ff的写法,ie下直接可以用event.属性,而火狐下需要一个参数,然后由参数.属性。||或,只要两方有一方为真,就取真的那个值,两个都
为真,取前面那个
box.style.display="block";
oEvent.cancelBubble=true;
};
document.onclick=function(){
box.style.display="none";
};
}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。