1. 程式人生 > >移動app手機物理鍵返回、後退、上一頁面並重新載入頁面資料

移動app手機物理鍵返回、後退、上一頁面並重新載入頁面資料

專案中遇到一個問題,做個筆記。就是在微信網頁上面本來是有返回按鈕的,但是大多數人都為了方便,會使用安卓手機自帶的物理返回鍵,這個返回鍵按下後,上一頁內容獲取最新資料。如圖:

需求:常見問題,點選一個問題後進入,使用手機物理鍵返回時,頁面重新整理,閱讀次數沒有更新到最新的資料。

實現方式:js加入如下程式碼,如果你手機試了有問題,不妨給連結給別人用別人手機試試,我用的OPPO結果自帶瀏覽器試的沒反應,結果發給好幾個朋友試都是OK,測試那邊也OK。

/**物理鍵(手機返回鍵)事件監聽監聽*/
        $(document).ready(function() {		
		window.history.pushState("","","#");
	});
	window.addEventListener("popstate",function(e){
		location.href = "${path}/commonProblem/wap/list.action";//跳轉到你上頁路徑(根據自己的需求實現自己的功能 )
	})

效果圖: