BeforeUnload ポップアップ メッセージをカスタマイズできますか?

BeforeUnload ポップアップのカスタム メッセージ: ブラウザ互換性の話

質問:

できますかbeforeunload ポップアップにカスタム メッセージを表示します。その方法は次のとおりです。それは?

答え:

Tl;dr: カスタム メッセージは、ほとんどの最新ブラウザではサポートされなくなりました。

歴史と互換性:

過去には、カスタム メッセージは、confirm、alert、event.returnValue などのメソッドを使用して表示できます。ただし、これらのメソッドはセキュリティ上の理由から無効になっています。

現在の状態:

現在、Chrome、Opera、Firefox、Safari などのほとんどの主要なブラウザでは無効になっています。 beforeunload ポップアップでカスタム メッセージを許可します。

古いものに対する回避策ブラウザ:

古いブラウザをサポートする必要がある場合は、次を使用できます。メソッド:

• jQuery:

$(window).bind("beforeunload",function(event) {
    return "You have some unsaved changes";
});

• JavaScript:

window.onbeforeunload = function() {
    return "Leaving this page will reset the wizard";
};

重要注:

確認またはアラートは、beforeunload イベント ハンドラー内では使用できません。

警告:

• すべてのブラウザーがサポートしているわけではありません。
• Firefox では、メッセージの前にユーザーの操作が必要です。
• ブラウザはカスタム メッセージにテキストを追加する場合があります。

ブラウザのサポートと削除履歴:

• Chrome が削除されましたバージョン 51 でのカスタム メッセージのサポート。
• Opera はバージョン 51 でのカスタム メッセージのサポートを削除しました。 38.
• Firefox はバージョン 44.0 でカスタム メッセージのサポートを削除しました。
• Safari はバージョン 9.1 でカスタム メッセージのサポートを削除しました。

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