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

发布时间：2023-09-23 14:56:15 所属栏目：教程来源：

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

代码如下:

function stopBubble(e){

if(e

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

     }

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!