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 相关文章推荐
jQuery 改变CSS样式基础代码
Feb 11 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
Apr 19 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
Jun 19 Javascript
JavaScript删除指定子元素代码实例
Jan 13 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
Mar 04 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
Aug 24 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
Sep 06 Javascript
Angular2利用组件与指令实现图片轮播组件
Mar 27 Javascript
js 图片转base64的方式(两种)
Apr 24 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
vue-cli项目配置多环境的详细操作过程
Oct 30 Javascript
微信小程序canvas动态时钟
Oct 22 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
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
一段php加密解密的代码
2007/07/16 PHP
php 编写安全的代码时容易犯的错误小结
2010/05/20 PHP
PHP计数器的实现代码
2013/06/08 PHP
php处理静态页面:页面设置缓存时间实例
2017/06/22 PHP
PHP实现一个限制实例化次数的类示例
2019/09/16 PHP
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
一些实用的jQuery代码片段收集
2011/07/12 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
2015/10/08 Javascript
jQuery 3.0十大新特性最终版发布
2016/07/14 Javascript
WEB前端实现裁剪上传图片功能
2016/10/17 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
js实现3d悬浮效果
2017/02/16 Javascript
js实现延迟加载的几种方法
2017/04/24 Javascript
react-router实现跳转传值的方法示例
2017/05/27 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
2017/09/12 jQuery
详解如何在vue项目中使用lodop打印插件
2018/09/27 Javascript
uni-app从安装到卸载的入门教程
2020/05/15 Javascript
常见的python正则用法实例讲解
2016/06/21 Python
Python2随机数列生成器简单实例
2017/09/04 Python
Python3使用SMTP发送带附件邮件
2020/06/16 Python
Python Pywavelet 小波阈值实例
2019/01/09 Python
Python Django中的STATIC_URL 设置和使用方式
2020/03/27 Python
为什么说python更适合树莓派编程
2020/07/20 Python
杭州联环马网络笔试题面试题
2013/08/04 面试题
简短的公司员工自我评价分享
2013/11/13 职场文书
自我评价格式
2014/01/06 职场文书
技术合作协议书范本
2014/04/18 职场文书
2014年四风问题自我剖析材料
2014/09/15 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
2016年教师党员公开承诺书
2016/03/24 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang
Python音乐爬虫完美绕过反爬
2021/08/30 Python