通过onpopstate事件监听浏览器的后退，如果页面没有进行其他操作，直接点击浏览器的后退按钮，在新版谷歌上不生效

最新推荐文章于 2023-05-26 17:51:18 发布
最新推荐文章于 2023-05-26 17:51:18 发布
阅读量1.7k 收藏 7
点赞数
分类专栏： bug总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Y_shihao/article/details/115857885
版权

问题：通过onpopstate事件监听浏览器的后退，如果页面没有进行其他操作，直接点击浏览器的后退按钮，在新版谷歌上不生效
在这里插入图片描述

// a页面
<body>
    <a href="b.html">to b</a>
</body>

<body>
    <input
最低0.47元/天 解锁文章
微信内置浏览器返回键popstate事件监听不触发问题（安卓）
凌波飞翔
08-05 1万+
问题如下： 页面监听返回事件 onpopstate 但是页面在打开时 没有任何操作 直接返回 回调没有执行 就直接退出了微信浏览器 如果用户点击了页面 监听就正常了 但是客户需要不用用户点击页面就能监听返回并跳转到指定链接 部分代码如下： varbalink="http://www.baidu.com"; functionpushHistory(){ varstate={ titl...
监听浏览器的后退事件
weixin_34054931的博客
07-28 942
1.window的popstate事件 监听浏览器回退事件，主要依赖于监听：window的popstate事件，因为浏览器在被点击“后退”或者“前进"按钮时，都会触发popstate事件。因此，可以在 window.on('popstate', function(){ // to do }) 2.window的pushState事...
监听在浏览器中是否有还有页面可以返回
weixin_41979836的博客
09-09 1626
实现监听在浏览器中是否有还有页面可以返回，如果没有返回跳转至指定页面的两种方法
h5 微信浏览器监听网页返回、后退操作
weixin_44540711的博客
10-23 6957
公司项目要求指定页面在后退时或者点击返回时监听，从而实现自己的业务逻辑，然后自己在网上看了很多的文档，解决的方法基本上都是一个逻辑，自己基本都试了一遍，发现几个问题 1、当网页第一次进入该页面时，能监听到返回或者网页后退，但是后面再进入该监听页面时，不进行任何操作时只能监听到网页后退，不能监听到手机返回键返回（荣耀手机测试），必须要点击页面上的内容才能监听到手机返回 2、在监听页面刷新是也会触发监听，所以我用了setTimeout来解决，代码如下 $(function(){ //判断指定页面 if
监听浏览器的返回事件，禁止浏览器返回
Lyj的博客
11-27 1887
https://www.cnblogs.com/Easty/p/7820055.html //禁止页面后退 history.pushState(null,null,document.URL); window.addEventListener('popstate',function(){ //监听浏览器的返回事件 history.pushState(null,null,document...
pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新
10-21
在onpopstate事件处理函数中，当用户通过浏览器的历史记录按钮操作时，会触发该事件。然后，可以从window.history.state获取到之前保存的状态数据，并根据这些数据更新页面显示的内容。需要注意的是，在实际应用中，...
单击浏览器后退按钮时调用操作
04-04
在Web开发领域，尤其是使用ASP.NET Razor MVC3框架时，理解和处理用户点击浏览器后退按钮的行为至关重要。这个场景涉及到用户体验、页面状态管理以及可能需要执行的特定操作。标题"单击浏览器后退按钮时调用操作...
JS实现仿UC浏览器前进后退效果的实例代码
10-19
尽管这个示例没有直接涉及前进后退功能，但可以扩展这个基础，比如通过记录用户滑动的状态并附加到`history.state`，然后在`onpopstate`事件中恢复元素的位置，从而实现类似UC浏览器的前进后退效果。 总的来说，这...
微信公众号监听返回按钮关闭当前界面，部分安卓机监听popstate失败【小程序与公众号】
Umbrella_Um的博客
08-24 4321
需求： 微信公众号开发的时候，可能会出现这种需求： 微信公众号内指定某个网页在点击返回键时不回退到上一级，而是直接关闭微信浏览器窗口，用户点击返回按钮本身就是一个返回事件。 解决方案： 利用监听返回事件 window.addEventListener("popstate", function(e) {//你的逻辑}, false) 两种监听返回关闭方法： （1）需要微信授权 //当点击返回键时，不返回到上一页，而是直接关闭微信浏览器 function onBackCloseWindow() { pushH
onpopstate浏览器点击回退按钮时触发的事件
洛小宇博客
05-10 1632
知识点： 1、onpopstate事件，点击后退按钮(或者在JavaScript中调用history.back()方法)时触发； 2、hash 属性：可对URL的锚部分（从 # 号开始的部分）进行操作（可读可写）； 关于hash的链接点击打开链接 需求： 微信页面，在当前页面点击某处时，弹出一个覆盖整个手机屏幕的层，弹出这个层以后，点击微信屏幕的返回按钮时，隐藏弹出层
popstate_popstate事件需要和浏览器交互才能触发
weixin_35723435的博客
01-12 2537
问题描述在chrome里面从a页面跳转到该页面之后必须和浏览器交互(比如点击页面)之后再点击浏览器的后退按钮才能正常触发popstate的跳转，在firfox正常监听操作前进后退跳转两次之后也失效问题出现的环境背景及自己尝试过哪些方法MacOS，Chrome75.0.3770.100 firfox最新版相关代码// 请把代码文本粘贴到下方(请勿用图片代替代码)import React, { Com...
处理浏览器后退导航栏active menu不变问题
weixin_30376509的博客
06-06 1220
问题是用户后退时候，左边导航栏显示的还是上一个页面的导航，但是路由和页面已经变了 最开始的解决方案是每次路由跳转前把vuex里面的数据更改，然后对应到vue的active-path中 最后看了下另一个组的项目觉得解决方法很好，就记录一下,当前显示的菜单对应computed的route.path,如果路由配的没有 / 可以加上 replacce('/','') 把 / 去掉 <el-...
关于onpopstate返回事件无法触发问题
m0_50650725的博客
10-14 3705
部分手机机型的onpopstate首次进入页面无任何交互式没办法触发的，有了交互他就可以触发。 面对这样的问题可以加一个事件主动去触发或者 一进入加个弹窗进行交互下就可以让onpopstate生效。 以vue为例： 方法 一： （针对部分浏览器生效，假如是做微博等其他业务内嵌浏览器的话可能不生效） 虚拟的元素： <span class="virtualEle" @click="virtualClick" ref="virtualEle" v-if="virtualEleShow"&...
popstate点击之后才_只有部分华为手机才有这个功能，堪称扫描仪！纸质文档3秒电子化...
weixin_30464195的博客
12-30 381
众所周知，华为手机拥有很多很不错的功能，而且不少功能的实用性非常高！但是呢，有些功能并不是所有的华为手机都用，而是只有少部分的华为手机才拥有。那么什么功能只有少部分的华为手机才拥有呢？这个功能就是我们今天要讲的『扫描文件』功能，『扫描文件』功能，堪称扫描仪，启动这一功能，纸质文档立马电子化，但是并不是所有的华为手机都拥有这个功能，下面就来详细了解一下这个功能吧。下拉通知『扫描文件』『扫描文件』这个...
window.addEventListener在部分安卓手机不生效
最新发布
weixin_56006480的博客
05-26 2910
事件的默认行为，导致无法正确触发滚动事件。可以尝试在事件处理函数中调用。可能会存在一些问题，主要是因为安卓手机浏览器的兼容性问题。安卓手机上的一些浏览器可能会阻止。，这个选项用来指定是否允许调用。方法传递了一个选项对象。在上面的代码中，我们给。
popstate_popstate - 需要在后退按钮上单击两次才能实际返回
weixin_39840616的博客
12-20 613
I'm creating a single-page and using pushState to change the adress. Now, if I push back, popstate is fired and I want to animate the page scrolling from the current position to the last position. Tha...
popstate点击之后才_点击浏览器返回按钮出现“闪屏”问题
weixin_36243860的博客
01-24 409
window.history.pushstate的用法：https://blog.youkuaiyun.com/bocongbo/article/details/81667054​blog.youkuaiyun.comhistory.pushState 实现浏览器页面不刷新修改url链接​www.cnblogs.com前言：需求：1、页面“返回”按钮的逻辑：1）进入页面之后，什么也没有做，点击返回按钮可直接返回；2）进入...
使用window.postMessage()时，window.addEventListener()不能成功监听到消息。
qq_38643387的博客
03-04 7189
使用window.postMessage()时，window.addEventListener()不能成功监听到消息。 尝试使用以下方法： 父： <iframe src='../helloWord.html'> <script> window.addEventListener('message',function(e){ //代码 },false); <script> //iframe方式打开子页面 子： targetWin = window.par
js监听手机物理键返回，并解决ios返回立即执行popstate事件的问题
weixin_33748818的博客
04-16 2770
需求有时候我们在做项目时会碰到这样的场景：返回时到指定的页面，而不是按历史返回但是我们无法阻止用户的行为，用户是有可能会点击浏览器的返回键或者手机物理返回键返回的。解决思路使用popstate事件监听返回pushHistory(); window.addEventListener("popstate", function(e) { window.location.href = '...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值