欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

怎么用js禁止浏览器的回退事件

(元素模板) / 2019-08-10 16:07

直接来个终极方案:

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

<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);

 });

}

Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com