a href=”" を記載しながら、リンクを無効にする方法

はてなブックマーク - a href=”" を記載しながら、リンクを無効にする方法
このエントリーをはてなブックマークに追加
Share on Facebook

「IE6ではhoverが使えないので、 ’csshover.htc’を使って解決しました。」

こちらの記事で書きましたが、Ajaxを使ってページの1部分を更新すると、やっぱりaタグ以外にhover要素が使えないという問題に直面しました。

ほんと、いつもIEさんには泣かされます・・・。

でも、自分は

「hoverを使いたい!さらに、aタグからのリンクはさせたくないけれど、onClickでイベントは呼び出したい!」

というなかなか無茶な要望がありました。

ちなみにIE6はa タグにhref要素がないと、hoverが使えません。

だから自分はが知りたいことは、

「a href=""」としてリンク先を記載しているが、そのリンク先に飛ばさないという方法です。

色々調べていたらありました。

こんな感じ

このリンクは押しても飛ばないよ

Onclickでイベントを呼び出したい場合はこのaタグをなにかのタグでかこってそこにOnclickを書くと使えます。

あんまりスマートな方法じゃないけどね・・・。

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">