在頁面上有條件的onbeforeunload事件

Question

window.onbeforeunload = function(evt) { 
    var message = 'Are you sure you want to leave the page. All data will be lost!'; 

    if (typeof evt === 'undefined') { 
     evt = window.event; 
    } 
    if (evt && !($("#a_exit").click)) { 
     evt.returnValue = message; 
    } 
    return message; 
}; 

我希望用戶離開頁面點擊鏈接（僅有id ="a_exit"）。在其他情況下，例如刷新頁面，點擊另一個鏈接，將提示用戶如果他/她想離開頁面。我試圖使用上面的代碼。當我點擊退出鏈接時，它仍然問我是否想離開。

Answer 1

您可以刪除點擊處理程序中的window.onbeforeunload。

Answer 2

如果鏈接被點擊，變量如何決定？

var exitClicked = false; 

$("#a_exit").click(function() { 
    exitClicked = true; 
}); 

window.onbeforeunload = function(evt) { 
    //... 

    if(evt && !exitClicked) { 
    evt.returnValue = message; 
    } 

    //... 
}; 

只設置了當鏈路真的點擊事後，卸載你可以簡單地檢查這個變量之前。

Answer 3

它會總是提示您是否要離開頁面。這是一個安全問題，不能是解決方法。
此外，您在onbeforeunload事件處理程序中返回的任何內容（非void）都將被視爲提示消息。參考這篇文章：https://developer.mozilla.org/en-US/docs/Web/API/Window.onbeforeunload

Answer 4

$(window).bind('beforeunload',function() { 
    return "'Are you sure you want to leave the page. All data will be lost!"; 
}); 

$('#a_exit').live('click',function() { 
    $(window).unbind('beforeunload'); 
}); 

上述工作對我來說

Answer 5

我的條件提示的簡單的例子離開頁面之前：

window.onbeforeunload = confirmExit; 
    function confirmExit(event) { 
     var messageText = tinymce.get('mMessageBody').getContent(); 
     messageText = messageText.trim(); 

     // ... whatever you want 

     if (messageText != "") 
      return true; 
     else 
      return void (0); 
    }; 

它的工作原理鉻，FF下。