原文:javascript使用history api防止|阻止頁面后退

奇葩需求啥時候都會有,最近有個需求是不允許瀏覽器回退,但是所有頁面都是超鏈接跳轉,於是乎腦殼沒轉彎就回答了做不到,結果尼瑪被打臉了,這打臉的聲音太響,終於靜下心來看了下history api。 先上代碼: 下面一步步來解釋: 頁面載入時就使用history api插入一條歷史記錄,為啥要這一步呢,原因是onpopstate事件只能監聽pushState插入的歷史記錄,而a標簽跳轉的鏈接是不受監聽滴 ...

2017-06-15 16:47 1 7587 推薦指數:

查看詳情

html5 history 阻止瀏覽器后退

history.pushState(null, null, window.location.href) window.onpopstate = function (event) { history.go(1) }    ...

Thu Nov 10 18:26:00 CST 2016 0 2092
防止頁面后退(使瀏覽器后退按鈕失效)

防止頁面后退(使瀏覽器后退按鈕失效)   原理:用新頁面的URL替換當前的歷史紀錄,這樣瀏覽歷史記錄中就只有一個頁面后退按鈕永遠失效。      注:history.go和history.back(包括用戶按瀏覽器歷史前進后退按鈕)觸發,        頁面由於使用pushState ...

Wed May 03 06:01:00 CST 2017 0 1563
防止頁面后退(使瀏覽器后退按鈕失效)

防止頁面后退(使瀏覽器后退按鈕失效)   原理:用新頁面的URL替換當前的歷史紀錄,這樣瀏覽歷史記錄中就只有一個頁面后退按鈕永遠失效。      注:history.go和history.back(包括用戶按瀏覽器歷史前進后退按鈕)觸發,        頁面由於使用pushState ...

Thu Jul 28 20:53:00 CST 2016 23 48439
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM