JS阻止冒泡事件以及默认事件发生的简单方法_基础知识

JS阻止冒泡事件以及默认事件发生的简单方法_基础知识_

2014-01-20 18:15:06 [小大] 已经帮助：人解决问题

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

（责任编辑：）