ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で「このページを離れてもよろしいですか?」ポップアップ メッセージをカスタマイズできますか?

JavaScript で「このページを離れてもよろしいですか?」ポップアップ メッセージをカスタマイズできますか?

Patricia Arquette
リリース: 2024-12-07 22:00:20
オリジナル
205 人が閲覧しました

Can I Customize the

Beforeunload ポップアップのカスタム メッセージ: 失われた機能

JavaScript の領域では、window.onbeforeunload イベントを使用して、 「このページを離れてもよろしいですか?」ユーザーが Web ページから移動するときにポップアップが表示されます。しかし、このポップアップに表示されるメッセージをカスタマイズすることはできますか?

カスタム メッセージの時代は終わった

残念ながら、最新のブラウザでは答えは NO です。この機能は、セキュリティとユーザー エクスペリエンス上の理由から段階的に削除されました。 Chrome、Opera、Safari、Firefox などのブラウザでは、アンロード前ポップアップでカスタム メッセージを使用できなくなりました。

その回避策

むかしむかし、以前ブラウザーがカスタム メッセージを禁止した場合、確認ダイアログまたは警告ダイアログを使用して使用できる回避策がありました。しかし、ブラウザはそれらの抜け穴をずっと前にパッチしてきました。

現状

カスタム メッセージで window.onbeforeunload を使用しようとすると、メッセージは表示されません。表示される。代わりに、ブラウザーは独自の一般的なメッセージを表示します。多くの場合、「このページを離れてもよろしいですか? 行った変更は保存されない可能性があります。」

jQuery vs. JavaScript の実装

以前は、window.onbeforeunload を設定するときに jQuery とバニラ JavaScript の間で動作に違いがありました。ハンドラー。 jQuery を使用すると、イベント オブジェクトを使用してカスタム メッセージを返すことができます。ただし、このアプローチは、使用するフレームワークに関係なく、有効ではなくなりました。

ブラウザ互換性に関する注意

たとえカスタム メッセージをなんとか表示できたとしても、ブラウザの互換性には依然として問題があることに注意してください。ブラウザによってはサポートされている場合もあれば、サポートされていない場合もあります。運用コードではこの機能に依存しないことが最善です。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート