如何實現「離開頁面」？確認未儲存的變更？

如何實現「您確定要離開此頁面嗎？」存在未儲存變更時的確認

瀏覽網頁時，使用者可能會在離開未儲存變更的頁面之前遇到確認提示。此確認旨在提醒用戶，如果繼續操作，未儲存的變更將會遺失。本文探討如何實現此功能，解決具有不同功能的瀏覽器所面臨的特定挑戰。

一種方法涉及利用 window.onbeforeunload 事件。從歷史上看，可以為該事件分配一個字串值來顯示自訂確認訊息，但現代瀏覽器認為這是一個安全隱患，現在只顯示通用訊息。因此，實作已簡化為以下內容：

對於舊版瀏覽器支持，需要更全面的方法。必須為window.onbeforeunload 事件指派一個函數引用，並且在較舊的瀏覽器中，必須設定該事件的returnValue 屬性：

要切換確認提示，只需將confirmOnPageExit 函數指派給window .onbeforeunload 即可。 onbeforeunload 來啟用它，刪除該功能來停用它：

要追蹤未儲存的更改，需要依賴正在使用的特定驗證框架。例如，在 jQuery 中，以下程式碼片段示範如何監控輸入欄位的變更並觸發確認提示：

以上是如何實現「離開頁面」？確認未儲存的變更？的詳細內容。更多資訊請關注PHP中文網其他相關文章！