js禁止瀏覽器的回退事件
更新時間:2017年04月20日 11:19:38 作者:_Json
這篇文章主要為大家詳細介紹了js禁止瀏覽器的回退事件,具有一定的參考價值,感興趣的小伙伴們可以參考一下
直接來個終極方案:
查找了好多資料才找到的,這種方式,可以消除 后退的所有動作。包括 鍵盤、鼠標手勢等產生的后退動作。
<script language="javascript">
//防止頁面后退
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});
</script>
現(xiàn)在,我們項目中就使用了這種方式。在常用瀏覽器中,都可以禁用了后退。
具體實例:
$(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:關于addEventListener與removeEventListener的注意事項可參考:addEventListener()與removeEventListener()解析
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Typescript中interface自動化生成API文檔詳解
ypeScript 的核心原則之一是對值所具有的結構進行類型檢查,下面這篇文章主要給大家介紹了關于Typescript中interface自動化生成API文檔的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12

