如何在用戶離開網頁時顯示模態窗口？

我有一種情況，我必須停止用戶離開網頁，當用戶點擊X圖標或通過頁面離開時，我必須顯示一個模式窗口與報價（圖片），一旦用戶點擊圖像我有打開報價表的特價商品頁面。如何在用戶離開網頁時顯示模態窗口？

如何實現這一點 -

我已經在谷歌搜索防止用戶走開，發現下面的代碼，但我不知道如何正確使用它。任何方向將不勝感激。

var warning = false; 
window.onbeforeunload = function() { 
    if (warning) { 
    return 'You have unsaved changes.'; 
    } 
}

請幫我，我是一個新的PHP的世界。

2012-06-30 w3uiguru

你找到的鏈接就是你所能做的。讓該函數返回一個非空字符串，瀏覽器會要求用戶確認他們想離開頁面。您無法控制瀏覽器詢問用戶的方式。 – Pointy

@Pointy但是當用戶離開時如何顯示模式窗口，因爲我必須顯示優惠圖片，用戶必須點擊優惠圖片，以便他/她將被重定向到特別優惠頁面。並且每次新的隨機網址都會爲該優惠頁面生成。 – w3uiguru

你不能那樣做。 – Pointy

您只能顯示一個簡單的瀏覽器生成的對話框（來自您鏈接的示例），任何更復雜的對話都是不可能的。

此外，除非您試圖阻止某人離開某個網頁而不保存其工作，否則您只會使用戶失望並疏遠他人。你真的不應該試圖迫使你的訪客使用模式。他們都有自己的瀏覽方式，如果你試圖強迫他們進入不同的模式，他們只會怨恨它。

2012-06-30 13:40:27 GordonM

回答