首页 > 其他分享 >禁止点击浏览器箭头回退

禁止点击浏览器箭头回退

时间:2023-10-19 09:45:27浏览次数:30  
标签:历史记录 浏览器 popstate 箭头 window 回退 false pushState

方法一:

通过监听 popstate

popstate的怎么用?

HTML5的新API扩展了window.history,使历史记录点更加开放了。可以存储当前历史记录点pushState、替换当前历史记录点replaceState、监听历史记录点popstate。

pushState、replaceState两者用法差不多。

在需求需要的文件添加

window.addEventListener('popstate', fn false) 一定要记得离开当前页清除 window.removeEventListener('popstate', this.popstate, false) fn代表要做的事情 方法二: 可以通过路由钩子进行操作,通过需求去阻断回退不停的push

标签:历史记录,浏览器,popstate,箭头,window,回退,false,pushState
From: https://www.cnblogs.com/dekui/p/17773969.html

相关文章

  • laravel:配置回退路由404(10.27.0)
    一,相关文档:https://learnku.com/docs/laravel/10.x/routing/14845#ad9737二,php代码在routes/web.php中添加以下代码:12345678//配置回退路由,起兜底作用Route::fallback(function(){    $rs=[        'code'=>404,        '......
  • 查看edge浏览器插件的安装位置并将插件安装到别的浏览器
    1eage浏览器插件的位置C:\Users\你的用户名\AppData\Local\Microsoft\Edge\UserData\Default\Extensions2把插件安装到其他浏览器第一种这些都是插件的文件,点开文件夹,下面的文件夹就是插件打开浏览器的扩展程序,开发者模式需要打开把文件夹拖入即可加载成功第二种......
  • TS 踩坑笔记: 箭头函数添加泛型报错(Error: JSX element ‘T’ has no corresponding
    前言今天给大家分享一个在React项目中使用TypeScript遇到的错误项目背景React+TS的项目配置,项目中关于React组件的使用.tsx后缀,其他单纯的文件使用.ts后缀问题描述在React组件附近定义泛型的箭头函数时产生TS报错警告,原本以为是语法写错了但是实际上在.t......
  • 浏览器事件循环 event loop(消息循环)
     打开浏览器 即 开启一个浏览器进程(主要负责浏览器UI,用户交互,子进程拉起关闭等)并由浏览器进程拉起网络进程(多Tab共享)采用多线程模式,GPU 进程(多Tab共享)等当每开启一个tab 页,浏览器进程会负责为该Tab 拉起一个渲染进程,每一个渲染进程都会拉起一个渲染主线程(单线程......
  • 谷歌浏览器崩溃报错:STATUS_INVALID_IMAGE_HASH
    【1】问题谷歌浏览器崩溃,Edge浏览器也无法访问任何网页 【2】解决办法(2.1)方法1:直接运行脚本修复新建文本文档,重命名为.reg修改其内容为:WindowsRegistryEditorVersion5.00[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome]"RendererCodeIntegrityEnabled"=......
  • Chrome浏览器复制Cookie的方法
    打开需要复制的页面,按F12打开开发者工具,如图操作  ......
  • [学习笔记] 浏览器F12检查中应该如何判断margin的上下左右?
    如下图所示,margin上下左右四个方向分别是1px,2px,3px,4px。 而在浏览器F12检查时,margin显示如下图所示:即浏览器检查时显示的margin值,是按照上、右、下、左的顺序来的。该规律在padding也同样适用。 ......
  • 图形类——剪图+贴图+马赛克+箭头+标注+取色
    1.Snipaste是一个简单但强大的贴图工具,同时也可以执行截屏、标注等功能。 Snipaste-截图+贴图 ......
  • 谷歌浏览器个版本下载——总结
    1、下载最新离线版本安装包方法:以“ChromeStandaloneSetup64”版本为例https://www.google.cn/chrome/?standalone=1&platform=win64方法解释:打开Chrome浏览器主页,地址栏最后的网址是这样的:http://www.google.cn/chrome在网址最后加上:?standalone=1&platform=win64,回车键后......
  • 最近电脑系统更新,IE打开又是Microsoft Edge浏览器该怎么办?
    注:最近系统更新,大家都有可能遇到打开IE时,会默认弹到MicrosoftEdge浏览器,这样会导致有些网页不能下载插件使用,兼容性太差,今天特意记录下来如何设置,可以使用IE浏览器。第二种还原设置方法,按照第一种修改IE浏览器高级选项,第三方浏览器拓展,并不生效,还是无法打开IE,这边记录一下如何还......