JS阻止冒泡事件以及默认事件发生的简单方法

2019-12-24,,

如果<p>是在<div>里面,那么呢,<P>有一个onclick事件,<div>也有onclick事件,为了触发<P>的点击事件时,不触发父元素的点击事件,那么就需要调用如下函数:


复制代码 代码如下:
function stopBubble(e){
  if(e&&e.stopPropagation){//非IE
   e.stopPropagation();
  }
  else{//IE
   window.event.cancelBubble=true;
  }
 }


<a onclick=''>如果要阻止默认事件的触发,即默认的href事件,那么就需要调用如下函数:


复制代码 代码如下:
function stopDefault( e ) {
         //阻止默认浏览器动作(W3C)
         if ( e && e.preventDefault )
             e.preventDefault();
         //IE中阻止函数器默认动作的方式
         else
             window.event.returnValue = false;
         return false;
     }

您可能感兴趣的文章:

  • js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
  • js阻止冒泡及jquery阻止事件冒泡示例介绍
  • js阻止冒泡和默认事件(默认行为)详解
  • js冒泡、捕获事件及阻止冒泡方法详细总结
  • zepto.js中tap事件阻止冒泡的实现方法
  • js利用事件的阻止冒泡实现点击空白模态框的隐藏
  • JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
  • 浅谈javascript事件取消和阻止冒泡
  • JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
  • JavaScript捕捉事件和阻止冒泡事件实例分析

《JS阻止冒泡事件以及默认事件发生的简单方法.doc》

下载本文的Word格式文档,以方便收藏与打印。