JavaScript はどのようにして Web ページのナビゲーションを阻止し、表示を維持できるのでしょうか?

JavaScript による Web ページ表示の保持

Web ページが自由に移動できるようにするのではなく、JavaScript を使用してこのアクションを防ぐことができます。特定のイベントを利用することで、ユーザーが他の場所に移動しようとしても Web サイトは現在の表示を維持できます。

onbeforeunload によるナビゲーションの制約

onbeforeunload イベントを使用すると、開発者はナビゲーションをインターセプトできます。ページが破棄される前に最後の機会を提供します。これはナビゲーション プロセスの直前にトリガーされ、ナビゲーション プロセスを完全に防ぐ可能性を提供します。

実装

JavaScript を使用して Web ページが他の場所に移動するのを防ぐには、次のコードを実行します。

<code class="javascript">window.onbeforeunload = function() {
  return "";
}</code>

このコードは空の文字列を返し、新しいブラウザではデフォルトのメッセージ「保存されていない変更は失われます」が表示されなくなります。古いブラウザではカスタム メッセージを使用できます:

<code class="javascript">window.onbeforeunload = function() {
  return "Are you sure you want to navigate away?";
}</code>

onbeforeunload イベントを利用して戻り値を管理することにより、Web ページは効果的にナビゲーションから離れてしまうのを防ぎ、表示とユーザー インタラクションの継続性を確保できます。

以上がJavaScript はどのようにして Web ページのナビゲーションを阻止し、表示を維持できるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。