首頁 >web前端 >js教程 >我可以自訂BeforeUnload彈窗嗎?

我可以自訂BeforeUnload彈窗嗎?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-06 06:39:11686瀏覽

Can I Customize the BeforeUnload Popup Message?

BeforeUnload 彈出窗口中的自訂訊息:瀏覽器相容性傳奇

問題:

問題:

問題:

問題:

你可以嗎在beforeunload 彈出視窗中顯示自訂訊息,以及如何實現它?

答案:

Tl;dr:

大多數現代瀏覽器不再支援自訂訊息。

歷史與相容性:

在過去,可以使用確認、警報或 event.returnValue 等方法顯示自訂訊息。不過,出於安全原因,這些方法已被停用。

  • 目前狀態:
  • 目前,大多數主流瀏覽器,包括Chrome、Opera、Firefox 和Safari,都沒有允許在beforeunload 彈出視窗中顯示自訂訊息。
$(window).bind("beforeunload",function(event) {
    return "You have some unsaved changes";
});
    舊版的解決方法瀏覽器:
  • 如果您仍需要支援較舊的瀏覽器,您可以使用以下瀏覽器方法:
window.onbeforeunload = function() {
    return "Leaving this page will reset the wizard";
};

jQuery:

? >

重要注意:
  • 確認或警報不能在 beforeunload 事件處理程序中使用。
  • 注意事項:

並非所有瀏覽器都支援卸載訊息之前。

Firefox 在訊息之前需要一些使用者互動出現。
  • 瀏覽器可以為自訂訊息新增其他文字。
  • 瀏覽器支援與刪除歷史記錄:
Chrome 已刪除在版本 51 中支援自訂訊息。 Opera 刪除了版本中對自訂訊息的支援38.Firefox 在 44.0 版本中刪除了對自訂訊息的支援。 Safari 在 9.1 版本中刪除了對自訂訊息的支援。

以上是我可以自訂BeforeUnload彈窗嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn