BeforeUnload ポップアップ メッセージをカスタマイズすることは可能ですか?

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 では、プロンプトをトリガーするためにユーザーによるページの操作が必要です。
• 各ブラウザはメッセージに追加のテキストを追加する場合があります。

歴史的コンテキスト

アンロード前のカスタム メッセージは、かつては確認、アラート、または、event.returnValue ですが、その後のブラウザーの更新により、これらのアプローチは効果がなくなりました。

以上がBeforeUnload ポップアップ メッセージをカスタマイズすることは可能ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。