Web覚書トップ > JavaScript サンプル > 『アンカーのクリックを無効にする』
説明

アンカーには、「onClick」イベントだけでなく、「onMouseOver」「onMouseOut」など、IE(確認ver.4.0)やNN(確認ver.4.7)の両方で使え、役に立つイベントが多くあります。 しかし、アンカーをクリックするとページを移動してしまいます。
かといって、<A>〜</A>のように「href」属性を設定しない場合はNN(確認ver.4.7)だと、「onClick」イベントなどが発生しません。

実行例

ココをクリックしてください (何も起こりません)

コード
<A href="#" onClick="return false;">〜</A>

解説&ステップアップ

「onClick」イベントで「return false」をすることによって、ページ移動という本来の働きを無効にすることができます。 「href」属性に「#」を設定しているのは、JavaScriptが有効でないブラウザでも画面自体の移動がされないようにするためです(ページの先頭に飛んでしまいますが)。 「return false」は、他のイベントでも使用することができ、その本来の働きを無効にしてくれます。

動作確認

IE5.0(win)、IE5.5(win)、NN4.7(win)

© hyork@yahoo.co.jp (2001. 2.13)