欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js禁止瀏覽器的回退事件

 更新時(shí)間:2017年04月20日 11:19:38   作者:_Json  
這篇文章主要為大家詳細(xì)介紹了js禁止瀏覽器的回退事件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

直接來(lái)個(gè)終極方案:

查找了好多資料才找到的,這種方式,可以消除 后退的所有動(dòng)作。包括 鍵盤(pán)、鼠標(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)文章

  • JS驗(yàn)證郵件地址格式方法小結(jié)

    JS驗(yàn)證郵件地址格式方法小結(jié)

    這篇文章主要介紹了JS驗(yàn)證郵件地址格式方法,結(jié)合兩個(gè)實(shí)例形式分析了JavaScript基于正則表達(dá)式進(jìn)行郵件格式驗(yàn)證的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-12-12
  • js猜數(shù)字小游戲的簡(jiǎn)單實(shí)現(xiàn)代碼

    js猜數(shù)字小游戲的簡(jiǎn)單實(shí)現(xiàn)代碼

    這篇文章介紹了js猜數(shù)字小游戲的簡(jiǎn)單實(shí)現(xiàn)代碼,很好玩的游戲哦,可以看看你的智商 是否驚人額
    2013-07-07
  • JS實(shí)現(xiàn)對(duì)JSON數(shù)據(jù)進(jìn)行冒泡排序

    JS實(shí)現(xiàn)對(duì)JSON數(shù)據(jù)進(jìn)行冒泡排序

    JavaScript 是一種廣泛使用的腳本語(yǔ)言,JSON是一種常見(jiàn)的數(shù)據(jù)格式,這篇文章主要來(lái)探討一下如何使用 JavaScript 對(duì) JSON 數(shù)據(jù)進(jìn)行冒泡排序,感興趣的可以了解一下
    2023-06-06
  • 微信小程序?qū)崿F(xiàn)簡(jiǎn)單彈框效果

    微信小程序?qū)崿F(xiàn)簡(jiǎn)單彈框效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)單彈框效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • 深入理解Javascript里的依賴注入

    深入理解Javascript里的依賴注入

    我喜歡引用這句話,“程序是對(duì)復(fù)雜性的管理”。計(jì)算機(jī)世界是一個(gè)巨大的抽象建筑群。我們簡(jiǎn)單的包裝一些東西然后發(fā)布新工具,周而復(fù)始?,F(xiàn)在思考下,你所使用的語(yǔ)言包括的一些內(nèi)建的抽象函數(shù)或是低級(jí)操作符。這在JavaScript里是一樣的
    2014-03-03
  • 解讀請(qǐng)求方式Method和請(qǐng)求類(lèi)型Content-Type

    解讀請(qǐng)求方式Method和請(qǐng)求類(lèi)型Content-Type

    HTTP請(qǐng)求中,Content-Type頭部用于指定請(qǐng)求體或響應(yīng)體的類(lèi)型,常見(jiàn)的有application/x-www-form-urlencoded、multipart/form-data、application/json、text/plain、application/xml等,常用請(qǐng)求方式包括Get、Post、Put、Delete
    2024-09-09
  • 怎么使用js計(jì)算當(dāng)前一周的日期

    怎么使用js計(jì)算當(dāng)前一周的日期

    這篇文章主要給大家介紹了關(guān)于怎么使用js計(jì)算當(dāng)前一周的日期的相關(guān)資料,我們可以使用JavaScript的Date對(duì)象來(lái)獲取近一周的日期,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下
    2023-09-09
  • JQuery中serialize() 序列化

    JQuery中serialize() 序列化

    這篇文章主要介紹了JQuery中serialize() 序列化,十分的細(xì)致全面,推薦給大家,
    2015-03-03
  • Typescript中interface自動(dòng)化生成API文檔詳解

    Typescript中interface自動(dòng)化生成API文檔詳解

    ypeScript 的核心原則之一是對(duì)值所具有的結(jié)構(gòu)進(jìn)行類(lèi)型檢查,下面這篇文章主要給大家介紹了關(guān)于Typescript中interface自動(dòng)化生成API文檔的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-12-12
  • 使用Echart實(shí)現(xiàn)繪制立體的柱狀圖

    使用Echart實(shí)現(xiàn)繪制立體的柱狀圖

    EChart開(kāi)源來(lái)自百度商業(yè)前端數(shù)據(jù)可視化團(tuán)隊(duì),基于html5?Canvas,是一個(gè)純Javascript圖表庫(kù),提供直觀,生動(dòng),可交互,可個(gè)性化定制的數(shù)據(jù)可視化圖表。本文將利用EChart繪制立體的柱狀圖,感興趣的可以學(xué)習(xí)一下
    2022-03-03

最新評(píng)論