监听公众号返回按钮,直接退出到公众号页面
时间:2019-08-29
本文章向大家介绍监听公众号返回按钮,直接退出到公众号页面,主要包括监听公众号返回按钮,直接退出到公众号页面使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
直接退出到公众号页面
window.history.pushState(null, null, "#"); window.addEventListener('popstate', function(e) { WeixinJSBridge.call('closeWindow'); }, false);
通过监听popstate事件,来判断是否点击返回按钮,比如从A页面跳转到B页面(监听popstate),
然后再跳转到C页面,点击返回的按钮,测试成功,包括安卓版,
但是问题来了,IOS版的微信,是会立即触法popstate事件,导致直接从C页面跳转到A页面,
其他的支付宝(安卓、IOS)、微信(安卓)都是可以,就是微信IOS版不行。
解决方法
var isRun = '' var isRuns function isRuns() { isRun = false // 直接退出到公众号页面 window.history.pushState(null, null, "#"); window.addEventListener('popstate', function(e) { if(isRun == true) { WeixinJSBridge.call('closeWindow'); } }, false); } window.history.pushState(null, null, "#"); window.addEventListener('pageshow', function() { isRun = false; setTimeout(function() { isRun = true; }, 1000); //延迟1秒 防止微信返回立即执行popstate事件 isRuns() });
原文地址:https://www.cnblogs.com/1212dsa/p/11429279.html
- WAMP配置虚拟主机
- linux开关端口问题
- Python 3.6实现单博主微博文本、图片及热评爬取
- 用Django实现一个可运行的区块链应用
- Python的dict实现原理及与Java的比较探究
- 关于位域如何节省内存(C++)
- mysql的小知识点(关于数据库的导入导出 对于windows)
- Python网络编程中的套接字名和DNS解析
- hdu 4009 Transfer water(最小型树图)
- NumPy二元运算的broadcasting机制
- md5算法原理一窥(其一)
- 实现属于自己的TensorFlow(一) - 计算图与前向传播
- 基于Sanic的微服务基础架构
- hdu 3038 How Many Answers Are Wrong ( 带 权 并 查 集 )
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- TypeScript 中的 export 和 import
- Angular2 初体验
- 在 Ubuntu 系统上配置 Nginx Git 服务器
- 设计模式之规格模式
- Android-Jetpack笔记-Navigation之Fragment使用
- Android-Jetpack笔记-Navigation之Fragment支持复用
- Android-Jetpack笔记-Room
- 代理模式看这一篇就够了~
- Spark MLlib中KMeans聚类算法的解析和应用
- 通过 PHP 代码发送 HTTP 响应与文件下载
- 玩转 PhpStorm 系列(八):Vim 篇
- Android-Jetpack笔记-Paging结合数据库
- 分享 OWIN 静态文件处理中间件
- Android-Jetpack笔记-Paging结合网络数据
- 在 VS 2015 中使用 Gulp 编译 TypeScript