js監聽瀏覽器后退事件

導語：日常開發中，網站需求是用戶點擊瀏覽器的返回事件，網站會執行某些操作。

先來看看效果：

代碼一：

$(function(){

pushHistory();

window.addEventListener("popstate", function(e) {

alert("監聽到返回按鈕事件啦");

//根據自己的需求實現自己的功能

//window.location.href = 'https://www.baidu.com'

        },false);

function pushHistory() {

var state = {

title:"title",

url:"#"

};

window.history.pushState(state,"title","#");

}

});

 

 

代碼二：

$(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);

// alert("不可回退");  //如果需在彈框就有它

                self.location="orderinfo.html";//如查需要跳轉頁面就用它

            });

}

window.history.pushState('forward',null,'#');//在IE中必須得有這兩行

        window.history.forward(1);

});