- ベストアンサー
onMouseOverの適応範囲
- マウスオーバー時の表示範囲について
- HTML内の要素にマウスをオーバーした際の表示範囲について質問があります
- 特定のタグ内でマウスオーバーが発生した場合、親要素のマウスアウトイベントが発生するかどうか疑問に思っています
- ryo-3
- お礼率64% (146/226)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ちょっと何をしたいのかがよくわかっていませんでした。 多分こういう感じでいいのではないでしょうか？ おかしい動きはマウスの動きで制御する部分が(不要なのに)2箇所に記述されていることが原因である気がします。どうでしょ？ <body onload="document.all('id1').style.visibility='hidden'"> <a href="t1.html" onMouseOver="javascript:document.all('id1').style.visibility='visible'">show</a><br> <a id="id1" href="image.gif" onMouseOut="javascript:document.all('id1').style.visibility='hidden'">イメージ</a><br> </body>
その他の回答 (1)
- arakororin
- ベストアンサー率39% (80/205)
確かになんかおかしい動きをしますね… 以下のソースをそのまま貼り付けて試してみてください。 もしかしたら、少し前進するのではないかと思います。 <body onmousemove="document.all.dipid1a.value=document.all('id1').style.visibility"> <input type="text" name="dipid1a"> <div> <a href="t1.html" onMouseOver="javascript:document.all('id1').style.visibility='visible'" onMouseOut="javascript:document.all('id1').style.visibility='hidden'">show</a> </div> <div id="id1" onMouseOver="javascript:document.all('id1').style.visibility='visible'" onMouseOut="javascript:document.all('id1').style.visibility='hidden'"> <a href="image.gif">イメージ</a> </div> <style> div {border:solid 1px red} </style> </body>
補足
お答えありがとうございますm(__)m 「<body onmousemove="document.all.dipid1a.value=document.all('id1').style.visibility">」 の一行を加えることで分かったのですが、「イメージ」にマウスを持っていくと「visible」、徐々に動かしていき、「イメージ」から外れるか外れないかのところで一瞬(1px程)「hidden」になり、「<div id="id1"～」は実際には「hidden」にはならずに残っていますね… う～ん、色々と調べたのですが、分かりません。 もし、arakororin様の見解がございましたら、お答えをいただきたいと思います。
お礼
大変遅くなり申し訳ありませんでした。 無事に解決することができました!!