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

166 阅读 0 评论 110 点赞

我是靠谱客的博主年轻小兔子，最近开发中收集的这篇文章主要介绍JS阻止冒泡事件以及默认事件发生的简单方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如果<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;
     } 