js禁止浏览器的回退事件


Posted in Javascript onApril 20, 2017

直接来个终极方案:

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

<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()解析

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

Javascript 相关文章推荐
JavaScript版代码高亮
Jun 26 Javascript
form中限制文本字节数js代码
Jun 10 Javascript
使用javascript获取flash加载的百分比的实现代码
May 25 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
Sep 14 Javascript
JavaScript将页面表格导出为Excel的具体实现
Dec 27 Javascript
JS嵌套函数调用上下文的问题解决
Mar 26 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
jQuery实现的超简单点赞效果实例分析
Dec 31 Javascript
JS脚本实现网页自动秒杀点击
Jan 11 Javascript
JS在if中的强制类型转换方式
Jul 15 Javascript
JS实现提示框跟随鼠标移动
Aug 27 Javascript
vue-cli入门之项目结构分析
Apr 20 #Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
Apr 20 #Javascript
详解Vue使用 vue-cli 搭建项目
Apr 20 #Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 #Javascript
Vue.js实现模拟微信朋友圈开发demo
Apr 20 #Javascript
AngularJS 单选框及多选框的双向动态绑定
Apr 20 #Javascript
Vue如何引入远程JS文件
Apr 20 #Javascript
You might like
php UTF8 文件的签名问题
2009/10/30 PHP
ThinkPHP中__initialize()和类的构造函数__construct()用法分析
2014/11/29 PHP
ThinkPHP、ZF2、Yaf、Laravel框架路由大比拼
2015/03/25 PHP
php投票系统之增加与删除投票(管理员篇)
2016/07/01 PHP
jquery ajax提交整个表单元素的快捷办法
2013/03/27 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
在myeclipse中如何加入jquery代码提示功能
2014/06/03 Javascript
JavaScript实现表格快速变色效果代码
2015/08/19 Javascript
javascript实现的登陆遮罩效果汇总
2015/11/09 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
2016/04/30 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
vue axios用法教程详解
2017/07/23 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
利用nvm管理多个版本的node.js与npm详解
2017/11/02 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
2018/12/11 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
2019/05/09 Javascript
vue-cli3项目展示本地Markdown文件的方法
2019/06/07 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
2019/09/02 Javascript
详解小程序云开发攻略(解决最棘手的问题)
2019/09/30 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
[36:05]DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs Optic
2018/04/01 DOTA
[08:56]DOTA2-DPC中国联赛2月23日Recap集锦
2021/03/11 DOTA
Python文件的读写和异常代码示例
2017/10/31 Python
详解tensorflow训练自己的数据集实现CNN图像分类
2018/02/07 Python
python单向链表的基本实现与使用方法【定义、遍历、添加、删除、查找等】
2019/10/24 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
Python爬虫库requests获取响应内容、响应状态码、响应头
2020/01/25 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
使用python-cv2实现视频的分解与合成的示例代码
2020/10/26 Python
DELPHI中如何调用API,可举例说明
2014/01/16 面试题
个人自我鉴定怎么写
2013/10/28 职场文书
大学毕业生通用自荐信范文
2013/10/31 职场文书
Vue3中的Refs和Ref详情
2021/11/11 Vue.js