php h5支付没有返回app中,很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法...
在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的
需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。
我相信很多朋友像我一样,在百度、搜狗里面搜索很久都没找到方法。下面就来告诉大家怎样监听的方法:
首先我们要了解浏览器的history。大家知道在页面中我们可以使用JavaScript window history,后退到前面页面,但是由于安全原因javascript不允许修改
history里已有的url链接,但可以使用pushState方法往history里增加url链接,并且提供popstate事件监测从history栈里弹出url。既然有提供popstate事件
监测,那么我们就可以进行监听。
返回、后退、上一页按钮点击监听实现代码:window.addEventListener("popstate", function(e) {
alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
}, false);
虽然我们监听到了后退事件,但是页面还是会返回上一个页面,所以我们需要使用pushState增加一个本页的url,代表本页,大家都非常清楚是#function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}
当进入该页面,我们就给这个history压入一个本地的连接。当点击返回、后退及上一页的操作时,就进行监听,在监听代码中实现自己操作。
下面是完整的代码:$(function(){
pushHistory();
window.addEventListener("popstate", function(e) {
alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
}, false);
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}
});
注:部分代码参考网上!
后续问题收集:
1.在微信中进入页面就触发了popstate事件。
解决方法:定义boolean 变量bool=false。在页面加载后,采用setTimeout方法设置1.5s的超时,在超时执行方法中设置bool=true。
在popstate监听当中增加对bool的判断,当bool=true时,执行内容。具体代码如下:$(function(){
pushHistory();
var bool=false;
setTimeout(function(){
bool=true;
},1500);
window.addEventListener("popstate", function(e) {
if(bool)
{
alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
}
pushHistory();
}, false);
});
以上就是 很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法的内容,更多相关内容请关注PHP中文网(www.php.cn)!
本文原创发布php中文网,转载请注明出处,感谢您的尊重!
php h5支付没有返回app中,很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法...相关推荐
- 很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的 需求,那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包 ...
- php 微信监听返回键,JavaScript_JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法,在实际的应用中,我们常常需 - phpStudy...
JS监听微信.支付宝等移动app及浏览器的返回.后退.上一页按钮的事件方法 在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一 ...
- 监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的 需求,那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包 ...
- js微信监听返回_JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法...
在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包等 ...
- uc浏览器返回按钮的兼容_浏览器的返回、后退、上一页按钮的事件方法
我相信很多朋友像我一样,在百度.搜狗里面搜索很久都没找到方法.下面就来告诉大家怎样监听的方法: 首先我们要了解浏览器的history.大家知道在页面中我们可以使用JavaScript window h ...
- JS监听返回、后退、上一页按钮的事件方法
原理:主要是通过pushState方法往histroy里增加url链接,并且提供popstate事件监测history栈里弹出url history属性简单描述: history.back() 与 ...
- 很多人都不知道的小秘密,c++中拷贝分为两种
深拷贝与浅拷贝 下面为作者的总结以深刻理解深拷贝和甜拷贝 深拷贝:如果创建类对象时,相应的构造函数内用运算符new为对象的数据成员申请内存空间,那么在析构函数中应该用运算符 delete释放相应的内存 ...
- Java个人支付宝知宝收款调用_Andriod 监听微信支付宝收款实现个人支付宝支付接口!附安卓 App(开源)...
界面就这点东西了!只需要设置后端接口,就可以接收这个 APP 监听的支付宝收款数据了,APP 会以 POST 方式向您的接口 POST 一段 JSON 数据. 作者说通过 adb 在控制台查看接收的数 ...
- 很多人都不知道学了c/c++到底能做什么?让大牛来告诉你............
如今学习编程的同学越来越多,也有很多人想转行去学习这个,但是大多数人学习这个都是看到工资高,自己喜不喜欢,学了能做什么都不知道,今天就给大家分享一下,学了C/C++,你们能往哪些方向发展,希望能对你们 ...
最新文章
- bzoj 3232 圈地游戏——0/1分数规划(或网络流)
- 放置奇兵 新 粉石墨
- Golang slice和map的申明和初始化
- 数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇
- 从搜索引擎到核心交易数据库,详解阿里云神龙如何支撑双11
- python 获取内存使用率_Python获取CPU使用率、内存使用率、网络使用状态 | 学步园...
- android微信分享之视频、URL地址、表情分享
- python读取csv文件_Hello,Python!小鲸教你Python之文件读取
- 21.实例 --- location
- rmd文件怎么转换html文件,如何将Rmd文件的html输出向左对齐
- Ubuntu 11.10 下安装 JDK_6_27
- Jersey框架简单实践(一)
- 输入姓名自动生成拼音
- 环境变量(PATH)的那些事
- error: device unauthorized.This adb server's $ADB_VENDOR_KEYS is not set
- 玉龙雪山景区完善视频监控设施打造智慧景区
- mysql备份恢复与集群部署
- Oracle数据库基本知识与SQL操作(1)
- htb_Soccer
- 免疫算法求解多元函数论文