js禁止浏览器的回退事件
时间：2021-05-19 09:40:08|栏目：JavaScript代码|点击： 次
直接来个终极方案：
查找了好多资料才找到的，这种方式，可以消除 后退的所有动作。包括 键盘、鼠标手势等产生的后退动作。
<script language="javascript">
//防止页面后退
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});
</script>
现在，我们项目中就使用了这种方式。在常用浏览器中，都可以禁用了后退。
具体实例：
$(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()解析
上一篇：IE6、IE7、Firefox javascript 无提示关闭窗口的代码
栏 目：JavaScript代码
下一篇：Bootstrap实现弹性搜索框
本文标题：js禁止浏览器的回退事件
本文地址：http://www.codeinn.net/misctech/124379.html
