知识点---js监听手机返回键,回到指定界面

时间:2022-04-06 04:13:22

方法一、

$(function(){
pushHistory();
window.addEventListener(“popstate”, function(e) {
window.location = 返回的地址
}, false);
function pushHistory() {
var state = {
title: “title”,
url: “#”
};
window.history.pushState(state, “title”, “#”);
}
});

方法二、JS监听手机的物理返回键

if(window.history && window.history.pushState) {
$(window).on('popstate', function() {
var hashLocation = location.hash;
var hashSplit = hashLocation.split("#!/");
var hashName = hashSplit[1];
if(hashName !== '') {
var hash = window.location.hash;
if(hash === '') {
alert("你点击了返回键");
}
}
});
window.history.pushState('forward', null, './#forward');
}

方法三、JavaScript监听手机物理返回键

pushHistory(); 

        window.addEventListener("popstate", function(e) {
window.location = 'http://www.baidu.com';
}, false); function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}