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

JavaScript：頁面退出前的確認

為了防止使用者在沒有確認的情況下離開頁面，許多開發者使用 onunload 事件。但是，此方法有其限制。

onunload 的挑戰

onunload 在頁面開始卸載後觸發，使其不適合重定向使用者或顯示確認提示。

替代方案：onbeforeunload

使用 onbeforeunload 而不是 onunload。此事件在頁面開始卸載之前觸發，允許您：

• 顯示確認訊息
• 如果使用者拒絕，則取消頁面卸載

使用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?';
});

onbeforeunload 的限制

• 它只顯示一條確認訊息。
• 如果使用者選擇留下，它無法重定向使用者。
• Chrome 等瀏覽器可能會阻止 onbeforeunload 內的警報。

其他選項

更控制頁面卸載過程：

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

或使用jQuery：

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

或使用jQuery：

或使用jQuery：或使用jQuery：或使用jQuery：或使用jQuery： 注意： onunload無法重新導向用戶，且 Chrome 會阻止其中的警報。

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