瀏覽器返回按鈕確認

Question

我需要控制返回按鈕。我查了類似的帖子，它不會像我期望的那樣工作。

我需要在點擊後退按鈕時顯示自定義確認消息。如果使用點擊「取消」，那麼他們應該保持在同一頁面上。

任何人都可以準備好示例代碼嗎？

感謝

Answer 1

由於後退按鈕的瀏覽器功能的一部分，而不是網頁的，你能做的最好的是處理beforeunload事件。這使您可以在用戶因任何原因離開頁面之前提供自定義取消消息。關於如何設置處理程序和添加額外的處理程序來刪除beforeunload處理程序，然後再採取鏈接等方式，這些應該合法地將用戶帶到不同的頁面的一些情報可以近似您正在查找的行爲。請參閱參考文檔中的範例：

window.addEventListener("beforeunload", function(event) { 
    event.returnValue = "a non-empty string"; 
}, false); 

Answer 2

使用

onbeforeunload

事件來代替。它會在用戶離開頁面之前觸發。

代碼示例：

window.addEventListener('beforeunload',function(e){ 
    !confirm('Do you want to leave?') && e.preventDefault(); 
},false);