Twitter

a要素のhref属性(リンク)を無効にする

よく使うJavaScript小技メモ。

a要素のクリック時にJavaScriptのイベントハンドラ(onclick=”hogehoge();”)を呼びたい。
でもa要素にはリンクとなるhref属性がないと、ブラウザによってはhoverが効かない問題が発生します。

そんなときはhrefを無効にして、クリック時の動作をJavaScriptイベントハンドラに割り当てます。

<a href="javascript:void(0)" onclick="hogehoge(); return false;">クリック時にhogehoge()を呼ぶ</a>

とっても簡単。href属性にはjavascript:void(0)を設定しましょう。

この時、大事なのがonclickで呼んだ関数にはreturn false;をつけること。
イベントハンドラ (oncick) の返り値としてfalseを返すことで本来の動作(クリック時の動作)を完全に無効に出来ます。
IE6での挙動がおかしい時は大体これが抜けてたりするので注意しましょう。


0 Comments»

コメントはまだありません。

このコメント欄の RSS フィード TrackBack URI

コメントをどうぞ »

初めてコメントされる方は管理人の承認が必要となります。承認されるまではコメントは表示されませんのでご了承ください。

CopyRight© 2018 2GRAVITY All Rights Reserved. | powered by WordPress

Page top