js禁止瀏覽器的回退事件
更新時(shí)間：2017年04月20日 11:19:38 作者：_Json
這篇文章主要為大家詳細(xì)介紹了js禁止瀏覽器的回退事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
直接來個(gè)終極方案：
查找了好多資料才找到的，這種方式，可以消除 后退的所有動(dòng)作。包括 鍵盤、鼠標(biāo)手勢等產(chǎn)生的后退動(dòng)作。
<script language="javascript">
//防止頁面后退
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});
</script>
現(xiàn)在，我們項(xiàng)目中就使用了這種方式。在常用瀏覽器中，都可以禁用了后退。
具體實(shí)例：
$(function(){
if (window.history && window.history.pushState) {
history.pushState(null, null, document.URL);
window.addEventListener('popstate', forbidBack);
}
})
/**
* 禁止回退按鈕
*/
function forbidBack(){
appUtils.mobileConfirm("確定放棄重置密碼?",function(){//yes
window.removeEventListener('popstate',forbidBack);
muiwindow.muiwebview({"url":"login.html"});
},function(){//no
//防止頁面后退
history.pushState(null, null, document.URL);
});
}
PS：關(guān)于addEventListener與removeEventListener的注意事項(xiàng)可參考：addEventListener()與removeEventListener()解析
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JS驗(yàn)證郵件地址格式方法,結(jié)合兩個(gè)實(shí)例形式分析了JavaScript基于正則表達(dá)式進(jìn)行郵件格式驗(yàn)證的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
js猜數(shù)字小游戲的簡單實(shí)現(xiàn)代碼
這篇文章介紹了js猜數(shù)字小游戲的簡單實(shí)現(xiàn)代碼，很好玩的游戲哦，可以看看你的智商 是否驚人額2013-07-07
JS實(shí)現(xiàn)對JSON數(shù)據(jù)進(jìn)行冒泡排序
JavaScript 是一種廣泛使用的腳本語言，JSON是一種常見的數(shù)據(jù)格式，這篇文章主要來探討一下如何使用 JavaScript 對 JSON 數(shù)據(jù)進(jìn)行冒泡排序，感興趣的可以了解一下2023-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡單彈框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
我喜歡引用這句話，“程序是對復(fù)雜性的管理”。計(jì)算機(jī)世界是一個(gè)巨大的抽象建筑群。我們簡單的包裝一些東西然后發(fā)布新工具，周而復(fù)始?，F(xiàn)在思考下，你所使用的語言包括的一些內(nèi)建的抽象函數(shù)或是低級操作符。這在JavaScript里是一樣的2014-03-03
HTTP請求中,Content-Type頭部用于指定請求體或響應(yīng)體的類型,常見的有application/x-www-form-urlencoded、multipart/form-data、application/json、text/plain、application/xml等,常用請求方式包括Get、Post、Put、Delete2024-09-09
這篇文章主要給大家介紹了關(guān)于怎么使用js計(jì)算當(dāng)前一周的日期的相關(guān)資料,我們可以使用JavaScript的Date對象來獲取近一周的日期,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了JQuery中serialize() 序列化，十分的細(xì)致全面，推薦給大家，2015-03-03
Typescript中interface自動(dòng)化生成API文檔詳解
ypeScript 的核心原則之一是對值所具有的結(jié)構(gòu)進(jìn)行類型檢查,下面這篇文章主要給大家介紹了關(guān)于Typescript中interface自動(dòng)化生成API文檔的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
EChart開源來自百度商業(yè)前端數(shù)據(jù)可視化團(tuán)隊(duì)，基于html5?Canvas，是一個(gè)純Javascript圖表庫，提供直觀，生動(dòng)，可交互，可個(gè)性化定制的數(shù)據(jù)可視化圖表。本文將利用EChart繪制立體的柱狀圖，感興趣的可以學(xué)習(xí)一下2022-03-03