您的位置:首页 > 其它

防止事件冒泡

2010-12-10 12:07 204 查看
<div onclick="divClick(event)">点击我</div>
<script>
  function divClick(e){
    alert("点击了DIV");  
    e=e|| window.event;
     stopBubble(e);
  }

  document.body.onclick=function(){
      alert("我是Body的Click事件");
  }

  function stopBubble(e) {
//如果传入了事件对象.那么就是非IE浏览器
if (e && e.stopPropagation) {
//因此它支持W3C的stopPropation()方法
e.stopPropagation();
}
else {
//否则,我们得使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
}
}
</script>

stopBubble(e);加入这个是防止事件冒泡,执行body的click事件。要传个event过来。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: