如何用 JavaScript 實作離開頁面確認？

在 JavaScript 離開頁面確認

JavaScript 中的 onunload 事件通常用於在使用者離開網頁之前執行操作。但是，不能依賴它來確認導航和重定向用戶。

使用 onbeforeunload

要在使用者離開頁面之前顯示確認提示，可以使用 onbeforeunload 事件可以就業。當使用者嘗試離開頁面時會觸發此事件。

在JavaScript 中：

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

在jQuery 中：

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

限制

限制

需要注意的是只是提示用戶，並不能重定向他們到另一個頁面。如果使用者選擇留在頁面上，瀏覽器將繼續遵循預期的導航路徑。

使用 onunload

onunload 事件可用來執行操作在頁面卸載之前，但不能用於重定向使用者。

window.onunload = function() {
  alert('Bye.');
};

中JavaScript:

$(window).unload(function() {
  alert('Bye.');
});

在jQuery 中：

安全注意事項

以上是如何用 JavaScript 實作離開頁面確認？的詳細內容。更多資訊請關注PHP中文網其他相關文章！