popstate 監聽app、瀏覽器的返回
阿新 • • 發佈：2019-01-03
在實際開發中，遇到需要監聽app、瀏覽器返回的情況，進過一頓搜尋後，終於找到一種比較靠譜的方式！
下面話不多說，直接上程式碼：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" /> <title>popstate 監聽返回</title> <style type="text/css"> </style> </head> <body> <div class="cat">呵呵噠 呵呵噠 呵呵噠</div> <a href="http://baidu.com">跳轉到百度</a> <script> window.onload = function(){ pushHistory(); setTimeout(function(){ //處理:部分機型載入頁面時即會執行popstate事件的問題 /*popstate觸發時機：當前歷史條目為pushState建立時，事件被觸發*/ window.addEventListener('popstate',function(event){ console.log("----popstate----"); },false); },100); } /*pushState：往history新增歷史條目 state：狀態物件 title：標題 URL：新的歷史URL記錄*/ function pushHistory(){ var state = { title: "title",url: "#"}; window.history.pushState(state,"title","test_2.html"); } </script> </body> </html>