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 相关文章推荐
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
javascript new fun的执行过程
Aug 05 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
javaScript对文字按照拼音排序实现代码
Dec 27 Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
Nov 18 Javascript
jQuery使用$.each遍历json数组的简单实现方法
Apr 18 Javascript
vue-resource 拦截器使用详解
Feb 21 Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 Javascript
如何能分清npm cnpm npx nvm
Jan 17 Javascript
JS简单数组排序操作示例【sort方法】
May 17 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
Oct 28 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
对Session和Cookie的区分与解释
2007/03/16 PHP
php中使用preg_replace函数匹配图片并加上链接的方法
2013/02/06 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
php利用smtp类实现电子邮件发送
2015/10/30 PHP
js 新浪的一个图片播放图片轮换效果代码
2008/07/15 Javascript
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
给事件响应函数传参数的四种方式小结
2013/12/05 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
2013/12/24 Javascript
Iframe 自动适应页面的高度示例代码
2014/02/26 Javascript
Jquery实现自定义窗口随意的拖拽
2014/03/12 Javascript
jQuery窗口、文档、网页各种高度的精确理解
2014/07/02 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
jQuery实现下滑菜单导航效果代码
2015/08/25 Javascript
微信小程序 Storage API实例详解
2016/10/02 Javascript
纯javascript版日历控件
2016/11/24 Javascript
JavaScript之filter_动力节点Java学院整理
2017/06/28 Javascript
AngularJS自定义表单验证功能实例详解
2018/08/24 Javascript
200行HTML+JavaScript实现年会抽奖程序
2019/01/22 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
vue源码中的检测方法的实现
2019/09/26 Javascript
机器学习之KNN算法原理及Python实现方法详解
2018/07/09 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
使用Tensorboard工具查看Loss损失率
2020/02/15 Python
在python3中实现更新界面
2020/02/21 Python
基于Python实现下载网易音乐代码实例
2020/08/10 Python
50个强大璀璨的CSS3/JS技术运用实例
2010/02/27 HTML / CSS
CSS3媒体查询(Media Queries)介绍
2013/09/12 HTML / CSS
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
意大利高端时尚买手店:Stefania Mode
2018/03/01 全球购物
西班牙最好的在线购买葡萄酒的商店:Vinoseleccion
2019/10/30 全球购物
营销与策划个人求职信
2013/09/22 职场文书
博士生入学考试推荐信
2013/11/17 职场文书
事业单位绩效考核实施方案
2014/03/27 职场文书
如何利用python和DOS获取wifi密码
2021/03/31 Python
python自动化之如何利用allure生成测试报告
2021/05/02 Python
船舶调度指挥系统——助力智慧海事
2022/02/18 无线电