浏览器返回事件监听

在进入当前页面的时候向历史站压入该页面，
当监听到返回事件就是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事件，）