JavaScript クリック イベント リスナーの「return false」は何をしますか?

クリック イベント リスナーに「return false」を追加した場合の影響

多くの HTML ドキュメントでは、「return false」を含むリンクが表示されることがあります。以下に示すように、onclick イベント リスナー内:

<a href='#' onclick='someFunc(3.1415926); return false;'>Click here !</a>

この 'return false'ステートメントは、リンクをクリックしたときのデフォルトのブラウザの動作を変更する上で重要な役割を果たします。

イベント ハンドラーの戻り値により、イベント リスナーで指定されたカスタム コードに加えて標準のブラウザ アクションが発生するかどうかが決まります。リンクをクリックした場合、デフォルトのアクションは指定された URL に移動します。ただし、「return false」を追加すると、このデフォルトの動作が防止され、onclick 属性で定義されたカスタム関数のみがリンクで実行されるようになります。

この手法は、次の場合のように、ページが不必要にリロードされるのを防ぐために一般的に使用されます。フォーム送信の。送信ボタンの onclick イベント リスナー内で false を返すことにより、フォームを送信する前にユーザーの入力を検証して、潜在的なエラーを防ぎ、ユーザー エクスペリエンスを向上させることができます。

DOM 0 仕様ではこの動作について明示的に言及されていませんが、可能性はあります。イベント処理の一般的な概念から推測できます。同じ効果を実現する最新のアプローチは、DOM 2 イベント仕様の一部であるevent.preventDefault() を利用することです。

以上がJavaScript クリック イベント リスナーの「return false」は何をしますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。