第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何阻止頁面在JS中卸載(導(dǎo)航)?

如何阻止頁面在JS中卸載(導(dǎo)航)?

慕無忌1623718 2019-10-17 12:47:52
有人知道如何阻止頁面重新加載或?qū)Ш絾??jQuery(函數(shù)($){    / *全局卸載通知* /    警告=真;    如果(警告){        $(window).bind(“ unload”,function(){             如果(confirm(“是否要離開此頁面”)== true){                //他們按了確定                警報('確定');            }其他{                //他們按下了取消                警報('取消');                返回false;            }        });    }});目前,我正在一家電子商務(wù)網(wǎng)站上工作,顯示您將來的訂單的頁面可以更改使用+/-按鈕訂購的項目的數(shù)量。以這種方式更改數(shù)量實際上并不會更改訂單本身,他們必須按下確認(rèn)鍵,因此會采取積極行動更改訂單。但是,如果他們更改了數(shù)量并離開了頁面,我想警告他們,以防萬一,這是偶然的,因為如果更改數(shù)量或離開頁面或刷新頁面,更改的數(shù)量將會丟失。在上面的代碼中,我使用的是全局變量,默認(rèn)情況下將為false(僅用于測試),更改數(shù)量時,我會將其更新為true,當(dāng)他們確認(rèn)更改時,會將其設(shè)置為false 。如果警告是正確的并且該頁面已被卸載,那么我會向他們提供一個確認(rèn)框,如果他們說不,他們希望停留在該頁面上,則需要停止該頁面的卸載。return false不起作用,它仍然允許用戶導(dǎo)航(警報僅在調(diào)試時使用)有任何想法嗎?
查看完整描述

3 回答

?
Cats萌萌

TA貢獻(xiàn)1805條經(jīng)驗 獲得超9個贊

onbeforeunload是你想要的那個 您的函數(shù)“應(yīng)將字符串值分配給Event對象的returnValue屬性并返回相同的字符串”。查看Microsoft和Mozilla的文檔以了解詳細(xì)信息。


瀏覽器將使用您返回的字符串為用戶提供一個自定義確認(rèn)框,從而允許他們拒絕選擇停留在那的用戶。必須采取這種方式來防止惡意腳本引起“瀏覽器拒絕”攻擊。


查看完整回答
反對 回復(fù) 2019-10-17
?
侃侃無極

TA貢獻(xiàn)2051條經(jīng)驗 獲得超10個贊

此代碼按照Natalie的建議發(fā)出警告,但如果提交了頁面上的表單,則會禁用警告。使用JQuery。


var warning = true;

window.onbeforeunload = function() { 

  if (warning) {

    return "You have made changes on this page that you have not yet confirmed. If you navigate away from this page you will lose your unsaved changes";

  }

}


$('form').submit(function() {

   window.onbeforeunload = null;

});


查看完整回答
反對 回復(fù) 2019-10-17
?
catspeake

TA貢獻(xiàn)1111條經(jīng)驗 獲得超0個贊

window.onbeforeunload = function() { 

  if (warning) {

    return 'You have made changes on this page that you have not yet confirmed. 

    If you navigate away from this page you will loose your unsaved changes';

  }

}

Chrome,Safari和Opera不支持


查看完整回答
反對 回復(fù) 2019-10-17
  • 3 回答
  • 0 關(guān)注
  • 662 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號