popState

浏览器前进或者回退 监听 发送接口

mounted生命周期中//清空回退的历史纪录history.pushState(null,null,document.URL);//监听前进或者后退window.addEventListener('popstate
kilito_01·2024-09-05 05:38

vue 路由模式

hash模式history模式异同hash模式：通过#号后面的内容的更改，触发hashchange事件，实现路由切换history模式：通过pushState和replaceState切换url，触发popstate
哼_·2024-02-05 19:44

监听APP返回按键

pushHistory();window.addEventListener("popstate",function(e){alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
三寸日光_梦尧·2024-02-02 21:15

【JavaScript】几个不常用的绑定事件

目录一、fullscreenchange事件二、pagehide事件三、pageshow事件四、hashchange事件五、online事件六、offline事件七、popstate事件八、devicemotion
a辰龙a·2024-01-27 11:56

nextjs中beforePopState使用

在某些情况下，希望监听popstate并在路由器对其进行操作之前执行某些操作。可以使用beforePopState。
D浩DzD·2024-01-25 20:32

禁止手机页面回退

//防止页面后退使用在vue时挂载到mounted中history.pushState(null,null,document.URL);window.addEventListener('popstate
紫气楠楠·2024-01-22 17:05

【JavaScript】history 对象

这是一种不必等待popstate事件而查看状态的方式。常用方法
JS.Huang·2024-01-21 05:28

监听浏览器的返回事件，禁止浏览器返回

//禁止页面后退history.pushState(null,null,document.URL);window.addEventListener('popstate',function(){//监听浏览器的返回事件
陈皮太·2024-01-17 07:18

关于浏览器返回按钮的监听

项目框架Vuevue-router由于项目需求，当点击浏览器返回按钮时，要求跳转到指定的页面最开始打算在vue中调用window.addEventListener('popstate',myFunc,false
North_8627·2024-01-14 17:50

详解uniapp开发h5页面在微信浏览器跳转外链，ios按底部返回键，需要刷新页面数据的问题

uniapp写的第一种情况：用windows.local.href=‘外链’跳转的情况onLoad(opt){letthat=this//兼容ios返回事件window.addEventListener("popstate
听听那晚风·2024-01-13 13:50

浏览器History对象

History.back()`、`History.forward()`、`History.go()`3.2、`History.pushState()`3.3、`History.replaceState()`3.4、`popstate
小马甲丫·2024-01-13 13:15

pushstate 和 popstate的用法详解

pushState和popState是HTML5中新增的两个API，用于操作浏览器的历史记录，实现前端路由管理。
爱编程-爱生活·2024-01-07 20:23

【react.js + hooks】useUrl 监听路由参数

实现思路监听URL变化-事件监听根据URL地址获取参数并返回-依赖工具方法推断参数结构-泛型参数（对象式&模板式）返回参数-返回解析好的参数，并合并location和history以提供更多功能监听URL监听popstate
Evanpatchouli℃·2024-01-03 06:10

vue前端路由和异步组件

curriculum'3.监听事件：hashchange：监听hash的改变做出反应history路由1.通过改变hash值去改变路由2.通过loacation.pathname得到路由'/md/'3.监听事件：popstate
Cutey.·2023-12-31 17:40

前端实现埋点&监控

文章目录一、埋点&监控二、前置知识1.区分JS模块化2.rollup3.History3.1history.pushState()3.2history.replaceState()3.3popstate
搜捕鸟了·2023-12-29 05:13

js控制安卓物理返回键

window.history.pushState(null,null,"#");window.addEventListener("popstate",function(e){//这里写你要处理的逻辑window.history.pushState
魔仙堡杠把子灬·2023-12-24 18:16

在Vue 3中如何禁止网页返回到上一页

代码如下：window.addEventListener('popstate',function(){window.history.forward(
专业研究祖传Bug编写术·2023-12-02 17:25

vue 路由返回处理

回退事件监听，可以在路由Router.beforeEach/beforeRouteLeave里面加条件做判断处理created(){//添加页面返回监听window.addEventListener('popstate
samscat·2023-12-01 17:57

vue实现app移动端Android监听物理返回键

window.history&&window.history.pushState){history.pushState(null,null,document.URL);window.addEventListener('popstate
遇而记起·2023-12-01 13:48

踩坑日记（1）vue 从小程序跳外链回退不触发弹窗

1.如果通过组件调用Dialog时，是否在页面回退时自动关闭（:close-on-popstate=“false”）默认false，就可以解决问题2.如果是原生div，解决方法：采用监听pageshow
笙箫416·2023-11-28 11:30

audio 关闭h5页面自动暂停的解决

popstate：监听popstate事件监听物理返回键微信浏览器返回事件,关闭页面visibilitychange：浏览器标签页被隐藏或显示的时候会触发visibilitychange事件importReact
web行路人·2023-11-24 21:41

hash模式和history模式

它的url中有#号1、监听地址栏中hash变化驱动界面变化2、用pushsate记录浏览器的历史，驱动界面发送变化history模式的原理是通过popstate事件，通过监听浏览器历史
月照一江秋水·2023-11-23 00:05

Vue路由为history模式的nginx配置

原因分析在history模式下，通过监听popstate事件驱动界面变化，监听a链接点击事件用history.pushState、history.replaceState方法改变url来实现更新页面部分内容的操作
kiscon·2023-11-22 18:09

vue实现监测浏览器自带返回按钮

window.history&&window.history.pushState){//往历史记录里面添加一条新的当前页面的urlhistory.pushState(null,null,document.URL);//给popstate
蓝馨湄·2023-11-22 02:43

IOS微信浏览器返回事件popstate监听 会立即执行一次

（监听popstate）IOS版的微信，是会立即触法popstate事件，导致直接从C页面跳转到A页面解决办法：：：varbool=false;window.addEventListener('pageshow
杨wen慧·2023-11-21 01:12

Vue 禁用浏览器的前进后退操作

一、禁用前进后退功能1、main.js中，增加popstate监听window.addEventListener('popstate',function(){history.pushState(null
guhy fighting·2023-11-18 22:02

重写history.pushState添加自定义事件

detail:{...略});注意要dispatch一下:window.dispatchEvent(event);2.使用自定义事件//监听路由变化window.addEventListener("my-popstate
qq_42750608·2023-11-11 20:15

单页面路由的实现方式

前端路由主要由两种方式实现：hash方式：location.hash+hashchange事件historyapi：history.pushState()+popState事件hash方式实现路由跳转一个
Make Life Getting Better·2023-10-31 11:32

JavaScript禁用网页回退

//防止页面后退history.pushState(null,null,document.URL);window.addEventListener('popstate',function(){history.pushState
风与烈酒·2023-10-25 05:56

记一次网页挽留框功能实现

history.pushState(null,null,document.URL),window.addEventListener("popstate",(function(){//retainModel
德德de_前端攻城狮·2023-10-06 18:33

禁用浏览器的返回功能

//禁用浏览器的返回window.history.pushState(null,null,document.URL);window.addEventListener('popstate',function
木景蔓·2023-09-28 18:26

js阻止浏览器后后退

history.pushState(null,null,window.location.href)window.addEventListener('popstate',function(){history.pushState
青灯无味·2023-09-22 09:22

从单页面应用角度去解决不跳转页面，也能更改浏览器url地址

正常来说不刷新页面，也能更改浏览器url地址的方法有很多，我们在网上搜的话可以看到有pushState、replaceState、popstate等方法，那还有没有其他方法呢？答案是有的！
Billy Feng·2023-09-14 16:16

在vue中如何监听移动端的返回键

环境：vue.js+vant问题：首页列表和分类页的列表用的同一个页面，页面区分用的是本地缓存，希望在分类页点击返回的时候，执行清除缓存，刷新页面解决原理：利用history和浏览器刷新popstate
泪滴在琴上·2023-09-09 07:24

React 路由管理 - history

通过这种方式可以查看state值，不必等待popstate事件发生后再查看。
翘首等待·2023-09-02 18:37

IOS微信浏览器返回事件popstate监听 会立即执行一次

通过监听popstate事件，来判断是否点击返回按钮，比如从A页面跳转到B页面（监听popstate），然后再跳转到C页面，点击返回的按钮，测试成功，包括安卓版，但是问题来了，IOS版的微信，是会立即触发
心淡然如水·2023-08-22 07:33

js点击浏览器自带返回按钮跳转到指定页面

在当前页的页面修改添加历史记录从而达到返回上一页跳转到指定页面//该方法修改地址后，会变成order#//此时返回是变成order.html//但是，执行了一次popstate//我们通过捕捉这个popstate
A~小鲸喜·2023-08-22 06:19

监听H5浏览器返回事件，解决监听webviewH5返回事件，触发H5给小程序传参（亲测有效）

可以使用popstate事件进行监听返回、后退、上一页操作。
SmileAgain -lg·2023-08-18 07:41

Vue-系统登录进入首页后禁用浏览器返回键

解决方法mounted(){history.pushState(null,null,document.URL)window.addEventListener('popstate',this.goBack
阿雷前进中...·2023-08-05 21:03

vue-router原理到最佳实践

pushState/replaceState/popstate解析vue-router实现原理route跟router的区别通过路由元
HelloJames·2023-08-04 10:01

让浏览器返回按钮失效

禁用登录页的浏览器返回按钮，防止退出后点击返回按钮再次进入后台页面$(function(){if(window.history&&window.history.pushState){$(window).on('popstate
ThinkPet·2023-07-28 19:18

监控微信H5的页面关闭按钮并埋点，移动端js这样实现

经过对visibilitychange、unload/pagehide、onunload、popstate各种方法一阵测试，发现安卓里visibilitychange能监听到关闭事件。
ANNAVIVI·2023-07-26 03:20

解决微信隐式登录后返回上一个页面问题

查看资料后解决了mounted(){//监听返回事件如果出现唯一标识调用微信sdk关闭当前页面window.addEventListener('popstate',function(e){
AAA前端·2023-07-25 05:21

防止浏览器后退

//防止页面后退history.pushState(null,null,document.URL);window.addEventListener('popstate',function(){history.pushState
mangge08·2023-07-17 11:02

20. router

使用HTML5提供的historyAPI(pushState,replaceState和popstate事件)来保持UI和URL的同步。
dwy_interesting·2023-06-11 00:51

window.onpopstate事件和history

window.onpopstate事件，该事件可以监听如下操作：点击浏览器的前进按钮/后退按钮执行js代码:history.go(n)/history.forward()/不同的浏览器在加载页面时处理popstate
IamaStupid·2023-04-19 22:54

react-6 路由 - ts爆红解决

react-router-dom开启配置允许导入：tsx：因为项目是基于TS的b)相关组件路由管理组件BrowserRouter使用HTML5历史记录API（pushState，replaceState和popstate
憨憨404·2023-04-15 06:55

【已解决】安卓下点击返回键popstate事件不能触发监听

我的需求是：《网页在手机中点击返回后跳转到指定页面》遇到的问题是：安卓下点击返回键不能触发popstate事件监听最后的解决示例代码如下：返回跳转测试页面html{font-size:100px;}*{
Linux跟随者·2023-04-14 14:35

vue-router源码初探

abstract:支持所有JavaScript运行环境，如Node.js服务器端，当检测到没有浏览器的api强制转换到这种模式路由事件路由跳转事件如果支持popstate，pushstate使用popst
小强不是蟑螂啊·2023-04-11 03:35

基于qiankun微前端及基于monorepo工作流的lerna改造前端项目（一）

然后由一个基座应用根据路由进行应用切换解决两个大型项目互不干扰的情况，可以独立运行基于single-spa，在single-spa基础上增加import-html-plugin和sangdbox,解决加载应用和沙箱隔离的问题应用加载切换劫持hashchange和popState
青梅煮酒论英雄·2023-04-09 19:34
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他