h5页 点击返回时关闭_在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口...
最近在使用微信、支付寶、百度錢包實現網頁支付，對支付成功將自動關閉頁面，對于支付失敗，將顯示錯誤信息。當在錯誤頁面的時候，點擊返回
或者Android物理按鍵上一步的時候，將關閉頁面。
在微信、支付寶、百度錢包中，他們對頁面關閉進行了封裝，傳統的window.close()是無效的，必須要使用它們的js代碼才能關閉。下面是三種移動app
的關閉方式：WeixinJSBridge.call('closeWindow');//微信
AlipayJSBridge.call('closeWebview'); //支付寶
BLightApp.closeWindow();//百度錢包
通過瀏覽器的頭判斷是那種瀏覽器：var ua = navigator.userAgent.toLowerCase();
f(ua.match(/MicroMessenger/i)=="micromessenger") {
alert("微信客戶端");
} else if(ua.indexOf("alipay")!=-1){
alert("支付寶客戶端");
}else if(ua.indexOf("baidu")!=-1){
alert("百度客戶端");
}
對返回、上一頁、后退進行監聽，并對history中放入當前頁地址：$(function(){
pushHistory();
window.addEventListener("popstate", function(e) {
}, false);
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}
});
整個實現完整代碼：$(function(){
pushHistory();
window.addEventListener("popstate", function(e) {
pushHistory();
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
WeixinJSBridge.call('closeWindow');
} else if(ua.indexOf("alipay")!=-1){
AlipayJSBridge.call('closeWebview');
}else if(ua.indexOf("baidu")!=-1){
BLightApp.closeWindow();
}
else{
window.close();
}
}, false);
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}
});
以上就是 在微信、支付寶、百度錢包實現點擊返回按鈕關閉當前頁面和窗口的內容，更多相關內容請關注PHP中文網(www.php.cn)！
相關文章：
本文原創發布php中文網，轉載請注明出處，感謝您的尊重！
總結
以上是生活随笔為你收集整理的h5页 点击返回时关闭_在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口...的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python基本语句及其意思_Pytho
- 下一篇： 信道效率以及信道的吞吐率