アンロード前のポップアップ メッセージをカスタマイズできますか?

Beforeunload ポップアップのカスタム メッセージ

背景

Web 開発者は window.onbeforeunload イベントを使用できますユーザーがページから移動しようとしたときに確認メッセージを表示します。従来、このポップアップにカスタム メッセージを設定するには、confirm、alert、event.returnValue などのメソッドを使用できました。

現在のステータス

残念ながら、ブラウザのセキュリティ強化のため、 、アンロード前ポップアップにカスタム メッセージを表示することは、Chrome、Opera、Firefox、およびSafari.

代替アプローチ

window.onbeforeunload イベント ハンドラーの戻り値を使用して、一般的な確認メッセージを表示することもできます。 jQuery では、これは次のように実現できます。

$(window).bind("beforeunload", function(event) {
    return "Are you sure you want to leave?";
});

プレーン JavaScript の場合:

window.onbeforeunload = function() {
    return "Confirm your exit?";
};

ブラウザの互換性

すべてのブラウザではありませんbeforeunload ポップアップでカスタム メッセージをサポートすると、戻り値のアプローチは広く互換性があります。

• Firefox では、メッセージが表示される前にユーザーがページを操作する必要があります。
• 各ブラウザは、一般的なメッセージに追加のテキストを追加する場合があります。

サポートが削除されました

次のブラウザはサポートを削除されましたアンロード前のポップアップのカスタム メッセージの場合:

• Chrome: バージョン 51
• Opera: バージョン 38
• Firefox: バージョン 44.0 (未確認)
• Safari : バージョン9.1

結論

アンロード前ポップアップのカスタム メッセージは、ほとんどの最新ブラウザでサポートされなくなりました。 Web 開発者は、window.onbeforeunload イベント ハンドラーを使用して一般的な確認メッセージを表示できます。

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