使用可滚动的div时，IE 9中的mouseover bug？

Question

我在mouseover元素上使用了mouseout和article个事件，似乎每当我在元素内滚动时，两个事件都会在 Internet Explorer 9中再次被触发/强>

$(document).on('mouseover', 'article', function () {
    console.log("over!");
});

$(document).on('mouseout', 'article', function () {
    console.log("out!");
});

Live demo

可以动态创建article元素。这就是为什么hover没有被使用的原因。

HTML

<article>
    <div class="box">Text</div>
    <div class="box">Text</div>
    <div class="box">Text</div>
    <div class="box">Text</div>
    <div class="box">Text</div>
</article>

的 CSS

article {
    overflow:auto;
    height:200px;
    background:#ccc;
}

Answer 1

尝试在您的活动中使用mouseenter和mouseleave，而不是mouseover和mouseout