在进入当前页面的时候向历史站压入该页面,
当监听到返回事件就是popstate的时候,
进行对应的操作,
我们修改历史站的操作pushState不会触发popstate事件, 可见MDN.
$(function(){
pushHistory();
var bool=false;
setTimeout(function(){
bool=true;
},1000);
window.addEventListener("popstate", function(e) {
if(bool)
{
alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
}
}, false);
});
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#")
}
亲测在安卓机中当该页面中还有其他跳转链接的情况时,
再返回该页面时对应的操作会有效(但衍生出对应的一个问题,
历史站里面会多出两个你压入的历史,如果操作后再返回会出现问题),
同时在ios中当返回该页面的时候popState事件也会触发 ,该方法有对应的使用范围, 可酌情使用,
(在B页面使用该方法时,假如B页面内有链接到C页面,c->b时在ios中会触发popState事件,)