IEでのaタグのhover効果

aタグにonClickを指定し、javascriptを動かすようにしています。またスタイルシートでa:hoverを指定しています。
hrefは指定していません。
<a onClick="javascript:xxxx();">ｘｘｘｘ</a>

このようにすると、FireFox,Opera,Safariでは、hoverの効果がでるのですが、IEでは効果がでません。
href=""をaタグに指定してやると、IEでもhoverの効果が効くのですが、htmlのリロードが起きてしまいます。
IEで、hover効果を効かせ、かつリロードさせない方法はないでしょうか。

No.2 ベストアンサー 回答者： tenderfeel 回答日時： 2008/04/16 17:57

<a href="javascript:xxxx();" >xxxx</a>

でいいんじゃないかなと。

void入れると無効に出来ます
<a href="javascript:void(0)" onclick="javascript:xxxx();">test</a>

この回答へのお礼

<a href="javascript:xxxx();" >xxxx</a>
javascriptのところではwindow.openをしているのですが、
その場合、このやり方だと、元のwindowがブランクになってしまいました。

<a href="javascript:void(0)" onclick="javascript:xxxx();">test</a>
これが、もっとも正統的なやり方のようですね。
望みどおりの結果が得られました。どうも、ありがとうございました。

お礼日時：2008/04/16 19:58

No.3 回答者： goldfox 回答日時： 2008/04/16 18:38

<a href="#" onClick="javascript:xxxx(); return false;">xxxx</a>

この回答への補足

お礼のあとに書いてます。
return false;を入れたら、#は残りませんね。
失礼しました。

補足日時：2008/04/16 20:03

この回答へのお礼

#でリロードはなくせました。基本的な要望はみたせたのですが、
ブラウザのurl表示に#が残ってしまうのが、ちょっと惜しかったです。

どうも、ありがとうございました。

お礼日時：2008/04/16 20:01

No.1 回答者： auty 回答日時： 2008/04/16 17:46

・　リロードの件ですが、

href="#"
としてみてください。

この回答へのお礼

#でリロードはなくせました。基本的な要望はみたせたのですが、
ブラウザのurl表示に#が残ってしまうのが、ちょっと惜しかったです。

どうも、ありがとうございました。

お礼日時：2008/04/16 20:00