首頁  >  文章  >  web前端  >  怎麼用js禁止瀏覽器的回退事件

怎麼用js禁止瀏覽器的回退事件

零下一度
零下一度原創
2018-05-10 15:33:392589瀏覽

這篇文章主要為大家詳細介紹了js禁止瀏覽器的回退事件,具有一定的參考價值,有興趣的小伙伴們可以參考一下

直接來個終極方案:

找到了很多資料才找到的,這種方式,可以消除後退的所有動作。包括 鍵盤、滑鼠手勢等產生的後退動作。

<script language="javascript">
 //防止页面后退
 history.pushState(null, null, document.URL);
 window.addEventListener(&#39;popstate&#39;, function () {
   history.pushState(null, null, document.URL);
 });
</script>

現在,我們專案中就使用了這種方式。在常用瀏覽器中,都可以停用了後退。

具體實例:

$(function(){
 if (window.history && window.history.pushState) {
   history.pushState(null, null, document.URL);
   window.addEventListener(&#39;popstate&#39;, forbidBack);
 }
})
/**
 * 禁止回退按钮
 */
function forbidBack(){
 appUtils.mobileConfirm("确定放弃重置密码?",function(){//yes
  window.removeEventListener(&#39;popstate&#39;,forbidBack);
  muiwindow.muiwebview({"url":"login.html"});
 },function(){//no
  //防止页面后退
  history.pushState(null, null, document.URL);
 });
}

需要學習js的同學請關注php中文網js影片教學,眾多js線上影片教學可以免費觀看!

以上是怎麼用js禁止瀏覽器的回退事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn