微信公众号页面中监听手机“返回”，并回到公众号里

最新推荐文章于 2024-12-06 13:45:43 发布
最新推荐文章于 2024-12-06 13:45:43 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端页面 文章标签： 微信 javascript 微信公众号关闭页面 返回公众号 公众号
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u013015301/article/details/121762117
这段代码展示了如何使用JavaScript监听浏览器的返回按钮事件。当用户点击返回按钮且当前页面URL以'#/'结尾时，通过WeixinJSBridge调用'closeWindow'方法关闭页面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

window.addEventListener(“popstate”, function(e) { //回调函数中实现需要的功能
// alert(“我监听到了浏览器的返回按钮事件啦”);
if(this.location.href.endsWith("#/")){ //设置那个页面
WeixinJSBridge.call(‘closeWindow’);//关闭页面
}
}, false);

微信公众号监听页面返回事件
weixin_41190571的博客
03-11 4819
function pushHistory(){ var state = { title: "", url: "#" }; window.history.pushState(state, state.title, state.url); } ...
【微信公众号】H5 vue 监听页面刷新
悟空—
08-05 2497
应项目需求 在刷新页面时重新登录到首页 则利用了路由守卫beforeEach 进行监听 首先监听是否授权过 只在授权过后的刷新 进入逻辑处理 不然会在授权的时候跳转回调页会出现问题 监听刷新方法 Android 和ios 方式不一样这一点是大部分人出现的问题 因为ios 有自己的方法 所以在处理逻辑的时候 先通过自带方法 navigator.userAgent.toLowerCase() 获取判断当前手机的类型 1.android的刷新则很简单 就是直接使用js的监听刷新方法 window.onbe
微信公众号监听返回按钮（用户点击返回可以控制关闭当前页面或跳转到任意一面）
zhh0310235的博客
11-27 4548
信公众号开发的时候，可能会出现这种需求： 微信公众号内指定某个网页在点击返回键时不回退到上一级，而是直接关闭微信浏览器窗口，用户点击返回按钮本身就是一个返回事件。 解决方案：利用监听返回事件window.addEventListener("popstate", function(e) {//你的逻辑}, false); 所以只需在页面调用 onBackCloseWin...
微信公众号开发之返回按钮事件监听
热门推荐
TarkuNi的博客
05-18 1万+
1.微信公众号交互页面嵌入了JSP页面，微信内置的浏览器左上角有返回按钮，而安卓版没有，在实际项目中，有页面跳转A-->B-->C，C页面做完处理点击返回直接跳到A页面的需求，默认的返回是不可以的，处理逻辑如下：$(function(){    pushHistory();      window.addEventListener("popstate", function(e) {  ...
监听公众号返回按钮，直接退出到公众号页面
weixin_43816501的博客
08-29 348
直接退出到公众号页面 window.history.pushState(null, null, "#"); window.addEventListener('popstate', function(e) { WeixinJSBridge.call('closeWindow'); }, false); 通过监听po...
微信浏览器 网页开发 监听 《返回》 按钮
静哥亻门
10-27 3053
问题描述： 在实际的应用中，我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的 需求，那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。 我相信很多朋友像我一样，在百度、搜狗里面搜索很久都没找到方法。下面就来告诉大家怎样监听的
最新具3.2微信公众号采集工具源码 微信公众号文章批量下载工具源码
10-13
微信公众号采集工具源码 微信公众号文章批量下载工具源码 是一款由吾爱破解论坛用户开发的微信公众号文章批量下载工具， 软件为绿色版，无需安装，解压后双击即可使用。支持下载微信公众号的历史消息，可以保存文章...
python 微信公众号开发
最新发布
LKIDTI数据的博客
12-06 463
引言：一些产品需要通过微信公众号进行来提供运营能力，很多定制化的需求 需要通过开发者来实现这次带来的是WeRoBot。废话不多说先贴repo：https://github.com/offu/WeRoBot。若想自动回复大于1条 需要调用客服接口send_text_message。下面代码完成了 文字、视频、图片功能。
微信公众号扫码登录实现方案
weixin_53920622的博客
10-25 1241
当用户扫码或关注公众号后我们需要监听该事件并发送授权链接，这里需要考虑两种情况，我们需要分别监听关注事件和扫码事件，如果用户通过搜索找到公众号进行关注，那么就不会触发扫码事件，如果用户已经关注了再扫码扫码已经注册过，也不会触发关注事件。
微信公众号监听返回按钮关闭当前界面，部分安卓机监听popstate失败【小程序与公众号】
Umbrella_Um的博客
08-24 4361
需求： 微信公众号开发的时候，可能会出现这种需求： 微信公众号内指定某个网页在点击返回键时不回退到上一级，而是直接关闭微信浏览器窗口，用户点击返回按钮本身就是一个返回事件。 解决方案： 利用监听返回事件 window.addEventListener("popstate", function(e) {//你的逻辑}, false) 两种监听返回关闭方法： （1）需要微信授权 //当点击返回键时，不返回到上一页，而是直接关闭微信浏览器 function onBackCloseWindow() { pushH
微信公众号开发 实现点击返回按钮就返回到聊天界面
08-31
本文分享了微信公众号开发实现点击返回按钮就返回到聊天界面的示例代码。需要的朋友一起来看下吧
微信公众号监控返回按钮
zhanqizi的专栏
12-21 2389
$(function(){ pushHistory(); var bool=false; setTimeout(function(){ bool=true; },1500); window.addEventListener("popstate", function(e) { if
获取微信返回事件时的感悟
baidu_34197758的博客
07-04 4317
最新一个项目要开发微信公众号的内容，有一个需求是获取返回按钮点击事件在其点击时跳转到特定的页面，可是微信的返回按钮只是相当执行后退一步。然后看了一篇文章很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法，看到了写法$(function(){ pushHistory(); //这个必须在文档加载时就触发，创建出来的新的history实体 wi
微信公众号返回按钮事件获取
robinson_911的专栏
05-31 4188
 window.history.back();  返回到上个界面，前一个缓存信息不被清除
微信页面监听返回事件
明天的博客
09-09 720
$(function(){ pushHistory(); window.addEventListener("popstate", function(e) { //alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 //alert('guanbi'); WeixinJSBridge.call('closeWindow'); if(typeof(WeixinJS.
js微信网页监听和捕获手机物理返回键和微信内置底部返回键
weixin_43109722的博客
08-12 397
跳转页面时调用historyState函数添加历史纪录，_state参数为每个页面的自定义参数。 historyState(_state){ let state = { title: _state, url: "__SELF__" }; window.history.pushState(state, state.title, s
监听微信返回事件踩坑指南
weixin_33834910的博客
03-09 806
PC浏览器返回等于重新进入上一个页面，会触发刷新动作，而微信不会。也就是困扰我多时的微信返回不刷新。 大概再2017年初和2016末（大概也是从那个时候我开始做微信公众号），还可以通过在sessionStorage中记录刷新标志，让上一个页面根据标识刷新。也就是说当时微信返回还是会触发渲染事件的（具体是什么事件也不清楚，因为当时没有深究，...
H5 微信公众号 监听返回事件
feixiangzaitianye的博客
07-12 2187
/*-----监听返回事件-----*/ function pushHistory(returnUrl,currentUrl,currentTitle) { window.addEventListener("popstate", function(e) { window.location.href=returnUrl; }, false); var s...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雄哥007

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值