ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript でページ終了の確認を実装するにはどうすればよいですか?

JavaScript でページ終了の確認を実装するにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-11-12 10:32:01865ブラウズ

How Can I Implement a Leaving Page Confirmation in JavaScript?

JavaScript でのページ終了の確認

JavaScript の onunload イベントは、ユーザーが Web ページから移動する前にアクションを実行するためによく使用されます。 。ただし、ナビゲーションの確認やユーザーのリダイレクトには依存できません。

onbeforeunload の使用

ユーザーがページを離れる前に確認プロンプトを表示するには、onbeforeunload イベントを使用します。雇用することができる。このイベントは、ユーザーがページから移動しようとすると発生します。

JavaScript の場合:

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};

jQuery の場合:

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

制限事項

onbeforeunload はユーザーにプロンプ​​トを表示するだけであることに注意することが重要です。別のページにリダイレクトできません。ユーザーがページにとどまることを選択した場合、ブラウザは意図したナビゲーション パスに従い続けます。

onunload の使用

onunload イベントを使用してアクションを実行できます。ページがアンロードされる前に、これを使用してユーザーをリダイレクトすることはできません。

JavaScript:

window.onunload = function() {
  alert('Bye.');
};

jQuery の場合:

$(window).unload(function() {
  alert('Bye.');
});

セキュリティに関する考慮事項

セキュリティ上の理由から、ブラウザでは onbeforeunload および onunload イベントが使用されないようにします。ユーザーをリダイレクトします。これは、ユーザーを望まないページまたは安全でないページに強制的に移動させようとする悪意のある Web サイトから保護するためです。

以上がJavaScript でページ終了の確認を実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。