JavaScript でのページ ナビゲーションを防ぐ方法: ユーザー アクションの中断またはブロック

JavaScript でのページ ナビゲーションの防止

Web ページから移動するときに、ユーザーがうっかり保存していない変更を失ったり、重要なタスクを未完了のままにしてしまう可能性があります。 JavaScript には、ページ ナビゲーションを完全に中断または防止することでこの問題に対処するメソッドが用意されています。

Interrupt Navigating:

ユーザーがページから移動しようとすると、onbeforeunload イベントがトリガーされます。 。このイベントを使用すると、ユーザーにプロンプ​​トまたはメッセージを表示して、確認を求めたり、追加情報を提供したりできます。 onbeforeunload ハンドラーから空でない文字列を返すと、ナビゲーションが中断され、ページから移動できなくなります。

最新のブラウザでは、イベント ハンドラーから空の文字列を返すと、デフォルトの確認メッセージが表示されます。このメッセージは上書きできません。例:

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

カスタム メッセージの例 (古いブラウザ):

古いブラウザには、ナビゲーション確認プロンプトでカスタム メッセージを指定するオプションがあります:

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

注: このアプローチは、特定のメッセージを表示する必要があり、すべてのブラウザーと互換性があるわけではないため、制限されています。より広範な互換性を確保するには、空の文字列アプローチを使用することをお勧めします。

以上がJavaScript でのページ ナビゲーションを防ぐ方法: ユーザー アクションの中断またはブロックの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。