微客导航 » 文章资讯 » js禁止浏览器的回退事件

js禁止浏览器的回退事件

2024-02-25 09:05:03 449

直接来个终极方案：

查找了好多资料才找到的，这种方式，可以消除后退的所有动作。包括键盘、鼠标手势等产生的后退动作。


//防止页面后退
history.pushState(null,null,document.URL);
window.addEventListener('popstate',function(){
history.pushState(null,null,document.URL);
});

现在，我们项目中就使用了这种方式。在常用浏览器中，都可以禁用了后退。

具体实例：

$(function(){
if(window.history&&window.history.pushState){
history.pushState(null,null,document.URL);
window.addEventListener('popstate',forbidBack);
}
})
/**
*禁止回退按钮
*/
functionforbidBack(){
appUtils.mobileConfirm("确定放弃重置密码?",function(){//yes
window.removeEventListener('popstate',forbidBack);
muiwindow.muiwebview({"url":"login.html"});
},function(){//no
//防止页面后退
history.pushState(null,null,document.URL);
});
}

PS：关于addEventListener与removeEventListener的注意事项可参考：addEventListener()与removeEventListener()解析

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

js禁止浏览器的回退事件

热门推荐

随机推荐