首页 > 其他分享 >js禁止浏览器操作页面回退

js禁止浏览器操作页面回退

时间:2022-10-25 15:35:18浏览次数:42  
标签:浏览器 js popstateFun window 回退 页面

浏览器实现页面回退的三个步骤:

//1、在刚进入页面时在浏览器历史记录中加一条当前页面的记录
window.addEventListener('popstate', this.popstateFun,false);
//2、监听浏览器回退的方法:
popstateFun(){
      //监听浏览器回退的回调
      window.history.pushState(null, null, document.URL); //向浏览器跳转记录中添加一条空记录
}
//3、页面销毁时,解除这个方法绑定,否则,所有的页面都无法回退了
window.removeEventListener('popstate', this.popstateFun);

 js本身时无法禁止页面回退的,但是可以通过一些特殊操作达到禁止回退的效果。

  1. 首先,在刚进入页面时,在浏览器历史记录中加一条当前页面的记录。
  2. 监听浏览器页面后退,在页面后退的方法中再加一条当前网址的历史记录。

 

 

 

标签:浏览器,js,popstateFun,window,回退,页面
From: https://www.cnblogs.com/meiyanstar/p/16824301.html

相关文章

  • vue项目中使用axios获取本地json文件,报404错(已解决✔)
    vue项目中VueX的组件store里面有个actions的axiosget请求,请求本地的JSON文件的时候就报错404了。看了好久资料最终解决了。虽然刚开始的时候我已近把静态资源放在了pub......
  • 浏览器介绍
    常用浏览器浏览器是网页运行的平台,常见的有谷歌(chrome),safari,火狐(Firefox),IE,Edge,Open等。图下: 重点使用谷歌浏览器。浏览器的组成浏览器分成两部分:1,渲染引擎(即:浏览......
  • BZOJ 1012: [JSOI2008]最大数maxnumber
    题目链接:​​传送门​​时隔一年再写一遍#include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>#include<complex>#include<algorithm>#include<cl......
  • 最简单的查找操作,一个.jsp文件就可以搞定
    如题,上次发表了一篇添加操作的博客,后来我左思右想还是旧的把查找发出来毕竟跟着王老师一开始都是先学查找再学添加的嘛废话就不多说了;客官,上菜喽 <%@pagelanguage="......
  • JS词法环境和执行上下文
    前言JavaScript是一门解释性动态语言,但同时它也是一门充满神秘感的语言。如果要成为一名优秀的JS开发者,那么对JavaScript程序的内部执行原理要有所了解。本文以最新的ECM......
  • JS知识点梳理之作用域、作用域链、柯里化、闭包
    一、作用域与作用域链作用域是指js变量使用时所存在的一个区域,分为全局作用域(window)和局部作用域(function、setTimeout...等都会产生局部作用域)。当局部作用域变量名与......
  • js异步编程,eventLoop,消息队列,宏任务,微任务
    1.单线程的JavaScriptJavaScript是一门单线程语言,起因是设计之初js只用来操作dom,对表单进行简单的校验。在这种执行环境简单的情况下,自然就选择了单线程来处理程序......
  • Node.js实现大文件断点续传
    前言平常业务需求:上传图片、Excel等,毕竟几M的大小可以很快就上传到服务器。针对于上传视频等大文件几百M或者几G的大小,就需要等待比较长的时间。这就产生了对应的解决方......
  • mockJS与file-saver依赖的冲突问题
    今天在使用POST下载并使用file-saver中的saveAs保存文件时意外地发现保存下来的文件直接报错说文件损坏,如下图Excel为例:网上查阅大量方法,经过切换后端服务器,改为上线项目......
  • Nodejs+Redis实现简易消息队列
    前言消息队列是存储数据的一个中间件,可以理解为一个容器。生产者生产消息投递到队列中,消费者可以拉取消息进行消费,如果消费者目前没有消费的打算,则消息队列会保留消息,直......