如何在 JavaScript 中防止使用者未經確認就離開頁面？

在JavaScript 中防止頁面未經確認就退出

為了防止用戶未經確認就離開頁面，onbeforeunload 事件是一個有效的解決方案。使用此事件，您可以向使用者顯示提示，詢問他們是否確實要離開頁面。

實作：

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};

或者，您可以使用jQuery 來完成此任務：

$(window).bind('beforeunload', function() {
  return 'Are you sure you want to leave?';
});

注意事項：

• onbeforeunload 事件僅顯示提示；它無法將使用者重新導向到另一個頁面。
• Chrome 14 及更高版本會阻止 onunload 事件中的警報。因此，要在頁面卸載之前顯示訊息，請使用 onbeforeunload。

其他選項：

如果您的目標是根據使用者的回應重新導向使用者確認提示，可以使用其他方法，如：

1. URL 雜湊：

顯示確認提示時，向URL 新增雜湊（例如#leaving）。如果使用者選擇“是”，則刪除雜湊並重定向到所需頁面。

2.本地儲存：

在本地儲存中儲存一個值，表示使用者想要離開。當使用者確認其意圖時，刪除儲存的值並重定向它們。

以上是如何在 JavaScript 中防止使用者未經確認就離開頁面？的詳細內容。更多資訊請關注PHP中文網其他相關文章！