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);
});