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

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

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

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

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

でも、自分は

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

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

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

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

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

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

こんな感じ

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

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

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

関連記事

このブログを書いているsayjiroは最近会社を立ち上げました。小さな小さな会社ですが、一緒に働く仲間を探している今日この頃です。
社員が僕しかいない小規模零細企業ですが、自由に楽しく仕事をしつつWebを使って面白いことができればと思ってます。

募集している人物像:向上心がある・Webともの作りが好き(ある程度経験があると嬉しいですが、未経験でもやる気があれば可です)
お仕事内容:Web周り全般。サイト制作やデザイン、システム構築やiPhoneアプリ開発などいろいろです。
働く形態:その人に合わせて応相談(在宅とかでもいいです)


→興味がございましたらこちらからお気軽にご連絡ください!

コメント:0

コメントフォーム
設定を保存する

トラックバック:0

この記事のトラックバックURL
http://sj6.org/a-href%e3%80%80%e3%82%92%e8%a8%98%e8%bc%89%e3%81%97%e3%81%aa%e3%81%8c%e3%82%89%e3%80%81%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e7%84%a1%e5%8a%b9%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/trackback/

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

フィードとか

ページの上へ