js禁止浏览器的回退事件
未知 网络 2017-04-28 1419
这篇文章主要为大家详细介绍了js禁止浏览器的回退事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
直接来个终极方案：
查找了好多资料才找到的，这种方式，可以消除 后退的所有动作。包括 键盘、鼠标手势等产生的后退动作。
1 2 3 4 5 6 7 | <script language="javascript"> //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); </script> |
现在，我们项目中就使用了这种方式。在常用浏览器中，都可以禁用了后退。
具体实例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | $(function(){ if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEventListener('popstate', forbidBack); } }) /** * 禁止回退按钮 */ function forbidBack(){ 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()解析
