應用場景:開發衆籌系統的時候,點擊捐款按鈕彈出金額選擇及輸入的部分,最新的需求是按微信(ios)返回鍵和安卓機的返回鍵,若點開了捐款的選擇金額部分,不能返回到上一頁,只能隱藏該模塊。
延伸:圖片插件,點擊縮略圖放大,這時候點擊手機返回鍵關閉放大的圖片。
pushHistory();
window.addEventListener("popstate", function(e) {
// 點擊返回鍵所觸發的邏輯代碼
alert("我點擊了手機返回鍵");
}, false);
function pushHistory() {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}