0

私はこれを持っています：

<div id="parent">
    <div id="child">
        &nbsp;
    </div>
</div>

$(document).ready(function() {
    $('#parent').on('mouseout', function() {
        alert('Mouse out!');
    });
});

http://jsfiddle.net/aYGBC/2/

マウスを青いブロックの上に移動し、どこかに移動すると、すべて問題ありません。しかし、マウスを青いブロックに移動してから赤いブロックに移動すると、mouseout イベントもトリガーされます。なぜこのようなことが起こるのでしょうか? 実際にマウスをブロックの外に移動させたときにだけ mouseout イベントが発生するようにするにはどうすればよいですか?

4

1 に答える 1