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

时间:2022-07-22
本文章向大家介绍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;
                            }    
                    });

随机文章
Javascript知识点必读
最近更新