js阻止事件追加的具体实现_javascript技巧
时间：2021-07-01 10:21:17
帮助过：13人阅读
有些时候可以使用 e.stopPropagation(); e.preventDefault();来阻止事件冒泡，和默认事件的执行。但不能阻止事件的追加。
什么情况下要阻止事件的追加呢？
比如：
点击“结账”，这样的操作时，结账本身有自己的事件，但结账前要判断是否登录。
我们可能会这样写：
Js代码
代码如下:
if(isLogin){ //判断是否登录
console.log("没有登录")
}else{
//结账相关代码
}
如果点击“我的主页”也有登录判断
登录判断代码
if(isLogin){ //判断是否登录
console.log("没有登录")
}else{
//个人中心
}
如果还有更多的登录判断。是不是就会有更多像上面的代码呢？后来我发现stopImmediatePropagation()这个方法， 阻止事件追加。上面的问题就不是问题了。
重要：.确保登录判断事件是第一个绑定的事件。
Demo代码
代码如下:
