js禁止瀏覽器的回退事件
更新時(shí)間：2017年04月20日 11:19:38 作者：_Json
這篇文章主要為大家詳細(xì)介紹了js禁止瀏覽器的回退事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
直接來(lái)個(gè)終極方案：
查找了好多資料才找到的，這種方式，可以消除 后退的所有動(dòng)作。包括 鍵盤、鼠標(biāo)手勢(shì)等產(chǎn)生的后退動(dòng)作。
<script language="javascript">
//防止頁(yè)面后退
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
//防止頁(yè)面后退
history.pushState(null, null, document.URL);
});
}
PS：關(guān)于addEventListener與removeEventListener的注意事項(xiàng)可參考：addEventListener()與removeEventListener()解析
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實(shí)現(xiàn)的數(shù)字與字符串轉(zhuǎn)換功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的數(shù)字與字符串轉(zhuǎn)換功能,涉及javascript數(shù)字、字符串等運(yùn)算與轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下2017-08-08
有一個(gè)數(shù)n=5，不用for循環(huán)，怎么返回[1,2,3,4,5]這樣一個(gè)數(shù)組2010-10-10
js每隔5分鐘執(zhí)行一次ajax請(qǐng)求的實(shí)現(xiàn)方法
每隔5分鐘執(zhí)行一次ajax請(qǐng)求，如何實(shí)現(xiàn)？下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-11-11
JavaScript中檢測(cè)數(shù)組的3種方法小結(jié)
數(shù)組檢測(cè)是指在編程中對(duì)數(shù)組進(jìn)行驗(yàn)證和檢查的過(guò)程,本文主要介紹了JavaScript中檢測(cè)數(shù)組的3種方法小結(jié),具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08
Three.js中的紋理圖像應(yīng)用和屬性調(diào)整方法
在three.js中紋理貼圖是用來(lái)給物體表面添加圖案、顏色或者其他視覺(jué)效果的一種技術(shù),這篇文章主要給大家介紹了關(guān)于Three.js中紋理圖像應(yīng)用和屬性調(diào)整的相關(guān)資料,需要的朋友可以參考下2024-01-01
本篇文章主要介紹了Javascript中 toFixed四舍六入方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
這篇文章主要介紹了利用JS來(lái)控制鍵盤的上下左右鍵示例代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
JS數(shù)組的遍歷方式for循環(huán)與for...in
本節(jié)主要介紹了JS數(shù)組的遍歷方式for循環(huán)與for...in,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了比較 JavaScript 對(duì)象的四種方式，對(duì)js對(duì)象感興趣的同學(xué)，可以參考下2021-04-04
深入淺出JavaScript前端中的設(shè)計(jì)模式
這篇文章主要介紹了JavaScript前端中的設(shè)計(jì)模式，設(shè)計(jì)模式是一套被反復(fù)使用，多數(shù)人知曉的，經(jīng)過(guò)分類編目的，代碼設(shè)計(jì)經(jīng)驗(yàn)的總結(jié)，感興趣想要詳細(xì)了解可以參考下文2023-05-05