html有默认事件的标签,js 停止事件冒泡阻止浏览器的默认行为（阻止a标签跳转）...

77 阅读 0 评论 51 点赞

我是靠谱客的博主忐忑手套，最近开发中收集的这篇文章主要介绍html有默认事件的标签,js 停止事件冒泡阻止浏览器的默认行为（阻止a标签跳转）...，觉得挺不错的，现在分享给大家，希望可以做个参考。

在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。

停止事件冒泡

JavaScript代码

//如果提供了事件对象，则这是一个非IE浏览器

if ( e && e.stopPropagation )

//因此它支持W3C的stopPropagation()方法

e.stopPropagation();

else

//否则，我们需要使用IE的方式来取消事件冒泡

window.event.cancelBubble = true;

return false;

阻止浏览器的默认行为

JavaScript代码

//编辑文章时阻止a标签跳转

$("#final_content").find("a").click(function(e){

//如果提供了事件对象，则这是一个非IE浏览器

if ( e && e.preventDefault ) {

//阻止默认浏览器动作(W3C)

e.preventDefault();

}else{

//IE中阻止函数器默认动作的方式

window.event.returnValue = false;

return false;

}

});

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

html有默认事件的标签,js 停止事件冒泡 阻止浏览器的默认行为（阻止a标签跳转 ）...