div要素でくくった時のマウスイベントについて

0   名前： NullPo ： 2006/08/25（金） 20:57  ID:XoE1slt9
div要素でくくり、マウスポインタが乗った時と離れた時で処理を書こうと思ったのですが、どうもうまくいきません。

以下のようなテスト用のコードを書いてみたのですが、以下でいう「あいうえお」と「かきくけこ」の間を移動するとき、同時にonMouseOverとonMouseOutが動くようです。
私はこの部分はdiv要素だと思っていたので発生しないと思っていたのですが・・・、どのように記述すればうまくいくのでしょうか。
ご教授願います。
<div onMouseOver="document.getElementById('watchEle').innerText+='0 '" onMouseOut="document.getElementById('watchEle').innerText+='1 '">
<span>あいうえお</span>
<span>かきくけこ</span>
</div>

<span id="watchEle"></span>

1   名前： Pid ： 2006/08/25（金） 20:57  ID:GN4gjesz
試していないので外しているかもしれません m(_ _)m。

DOM Events の場合（Gecko，Opera，Safari など），event.relatedTarget に「関連の深いノード」が格納されます。

・mouseover イベント → 直前にポイントされていたノード
・mouseout イベント → 直後にポイントされたノード

IE の場合はそれぞれ event.fromElement，event.toElement に格納されます。この辺を使ってタイミング調整すれば良いかと思います。
2   名前： NullPo ： 2006/08/25（金） 20:57  ID:1Bb3RL38
>>1　Pidさん
それでいけました、ありがとうございます。
そうかー、思いもつかなかった。＾＾；
一覧へ戻る