javascript - 使用可滚动的 div 时 IE 9 中的鼠标悬停错误？

Question

我在 article 元素上使用 mouseover 和 mouseout 事件，似乎每次我在元素内滚动时都会触发这两个事件再次在 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