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

Posted 2020-07-11

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

     }