首頁 > web前端 > js教程 > 是否仍可自訂 BeforeUnload 彈出訊息?

是否仍可自訂 BeforeUnload 彈出訊息?

Patricia Arquette
發布: 2024-11-30 08:27:11
原創
764 人瀏覽過

Is Customizing the BeforeUnload Popup Message Still Possible?

在 BeforeUnload 彈出視窗中顯示自訂訊息:仍然可行?

使用 window.onbeforeunload 或 jQuery 的 $(window) 處理視窗關閉事件時。 on("beforeunload"),人們可能想知道在隨後的確認彈出視窗中顯示客製化訊息是否為

繞過現代瀏覽器的限制

TL;DR:在現今的瀏覽器中,禁止自訂beforeunload 訊息。因此,我們的重點轉向舊版瀏覽器。

利用jQuery 和JavaScript

要向使用者提示確認訊息,請使用以下程式碼:

// jQuery
$(window).bind("beforeunload", function(event) {
    return "Attention required: Unsaved changes present";
});

// JavaScript
window.onbeforeunload = function() {
    return "Exiting this page may abandon form inputs";
};
登入後複製

嚴重異常禁止:禁止:禁止確認/警報函數

避免在beforeunload事件處理程序中嵌套確認或警報。

瀏覽器特定注意事項

此方法的有效性各不相同跨瀏覽器:

  • Chrome、Opera 和Safari 不再支援自訂訊息。
  • Firefox 需要使用者與頁面互動才能觸發提示。
  • 每個瀏覽器可能會在您的訊息中附加其他文字。

歷史背景

beforeunload 中的自訂訊息曾經可以使用確認、警報或event.returnValue,但隨後的瀏覽器更新使這些方法無效。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板