JS阻止冒泡事件与默认事件的实现方法

作者:窗边听雨

时间:2026-10-27

浏览:644

本文介绍了在JavaScript中阻止事件冒泡和默认行为的标准实现方式。通过判断浏览器类型,分别调用stopPropagation()或cancelBubble=true来阻止冒泡,以及使用preventDefault()或returnValue=false来阻止默认事件,确保代码兼容现代浏览器与IE环境。

文章目录

阻止事件冒泡的实现

当<p>元素嵌套在<div>内部时,若两者均绑定了onclick事件,为避免点击子元素时触发父元素的点击逻辑,需要调用特定函数来中断事件传播。

return false;

实现代码如下:

function stopBubble(e){
if(e&&e.stopPropagation){//非IE
e.stopPropagation();
  }
else{//IE
window.event.cancelBubble=true;
  }
 } 

} }

}

阻止默认事件的处理

若需阻止默认事件的触发,例如阻止链接的href跳转,则需调用以下函数:

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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章