js监听手机端浏览器回退按钮的方法

返回、后退、上一页按钮点击监听实现代码：

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", "#");
　　}
});

PC端浏览器使用jquery监听：

$(document).ready(function(e) { 
　　var counter = 0;
　　if (window.history && window.history.pushState) {
　　　　$(window).on('popstate', function () {
　　　　window.history.pushState('forward', null, '#');
　　　　window.history.forward(1);
　　　　window.location.href='/PF_ECP/po/kefumishu.shtml';//跳转到个人中心
　　});
}
　　window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
　　window.history.forward(1);
});