微信公众号监听手机返回键事件jssdk

需求场景：

只有扫码初始进入异业联盟活动页，0元券直接弹框领取成功（如图1）

抛出问题：

进入优惠券包后到另一个页面（如图1）

然后按手机返回会回到异业联盟活动页，始终弹出领取活动页面

解决方案：

在优惠券包页面中监听手机返回事件，直接关闭页面退出到公众号

1、微信jssdk（closeWindow）

let sign_url = window.location.href.split('#')[0];
sign(sign_url).then((res)=>{let configData = {debug: false,appId: res.data.appId,timestamp: res.data.timestamp,nonceStr: res.data.nonceStr,signature: res.data.signature,jsApiList: ['closeWindow']}console.log(configData)wx.config(configData)
}).catch((err)=>{
})

2、通过监听popstate事件，来判断是否点击返回按钮，调用wx.closeWindow方法

window.addEventListener("popstate", (e) => {wx.closeWindow();
}, false);

场景图：

微信公众号监听手机返回键事件jssdk—wx.closeWindow相关推荐

微信公众号监听关注/取消关注事件消息接收与响应处理（比较细微）
从官方文档可以看出,他做到了简简单单,但没有做到明明白白. 那么接下来我首先说下文中的url,很多人都不知道这个url,其实他就是当这些正准备好之后,直接上代码 //微信推送事件 url@Reque ...
微信公众号监听取消扫码事件wx.scanQRCode
wx.scanQRCode({needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,scanType: ["qrCode"], // 可以指定扫二 ...
微信公众号监听返回按钮问题解决
2017年12月21日微信公众号监听返回按钮问题解决 //首页返回路径 $(function(){pushHistory();var bool = false;setTimeout(function ...
vue微信公众号监听关闭页面
试了网上找的pagehide,unload,都不管用,后来看到同志说下面的方法好使.用了果然可以,大家可以试试,也欢迎提出建议. addEventListener mounted() {// 微信公众 ...
JS 监听手机返回键
JS监听手机返回键,需要用些前端的"奇技淫巧". 核心代码如下: if (window.history && window.history.pushState) { ...
原生js监听手机返回键
创建人:hu_time 描述:js监听手机返回键普通页面跳转,监听返回上一页: document.addEventListener("plusready", function() ...
Android监听手机返回键
Android在做项目时,有时候点击返回按钮没反应(有冲突),那就需要我们监听返回键.重写onKeyDown()方法: // 监听手机返回键 @Override public boolean onKe ...
监听手机返回键或浏览器后退键并自定义跳转地址
/** * 监听手机返回键或浏览器后退键并自定义跳转地址 * oldUrl 本页对应的url * backUrl 后退到页面的Url */ function backBtnToUrl(oldU ...
微信公众号监听返回按钮关闭当前界面，部分安卓机监听popstate失败【小程序与公众号】
需求: 微信公众号开发的时候,可能会出现这种需求: 微信公众号内指定某个网页在点击返回键时不回退到上一级,而是直接关闭微信浏览器窗口,用户点击返回按钮本身就是一个返回事件. 解决方案: 利用监听返回事 ...

微信公众号监听手机返回键事件jssdk—wx.closeWindow

场景图：

微信公众号监听手机返回键事件jssdk—wx.closeWindow相关推荐

最新文章

热门文章