• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > js禁止浏览器的回退事件

js禁止浏览器的回退事件

作者:_Json 字体:[增加 减小] 来源:互联网 时间:2017-05-11

_Json通过本文主要向大家介绍了js关闭浏览器事件,js监听关闭浏览器事件,js浏览器事件,js禁止浏览器刷新,js禁止浏览器后退等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

直接来个终极方案:

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

<script language="javascript">
 //防止页面后退
 history.pushState(null, null, document.URL);
 window.addEventListener('popstate', function () {
   history.pushState(null, null, document.URL);
 });
</script>
</div>

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

具体实例:

$(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);
 });
}


</div>

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

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • js禁止浏览器的回退事件

相关文章

  • 2017-05-11详谈Angular路由与Nodejs路由的区别
  • 2017-05-11.net MVC+Bootstrap下使用localResizeIMG上传图片
  • 2017-05-11jQuery表单元素选择器代码实例
  • 2017-05-11BootstrapTable refresh 方法使用实例简单介绍
  • 2017-05-11bootstrap fileinput 上传插件的基础使用
  • 2017-05-11vue基于Vue2.0和高德地图的地图组件实例
  • 2017-05-11Vuex之理解Store的用法
  • 2017-05-11JavaScript严格模式详解
  • 2017-05-11easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
  • 2017-05-11详解JavaScript中js对象与JSON格式字符串的相互转换

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • JS对象是否拥有某属性如何判断
    • jquery封装插件时匿名函数形参和实参的写法解释
    • 微信小程序 template模板详解及实例
    • JS对象的深度克隆方法示例
    • 如何使用bootstrap框架 bootstrap入门必看!
    • js仿QQ邮箱收件人选择与搜索功能
    • JS回调函数简单用法示例
    • js数字计算 误差问题的快速解决方法
    • JavaScript中变量与作用域
    • Vue系列:通过vue-router如何传递参数示例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有