滚动页面时不会调用“mouseleave”事件

Question

我有一个小部件上的指针，我希望在滚动页面时调用“mouseleave”事件，导致鼠标实际离开小部件。目前，只有在滚动停止时才会调用该事件。谢谢。

Answer 1

您可以将监听器放入函数中，并附加滚动eventListener。在那里你可以检查鼠标光标是否仍然在'框'内“并调用适当的函数：

var triggerOnMouseLeave = function(e) {
    document.body.setAttribute('style', 'background-color: #ffffff');
}

box.addEventListener('mouseleave', triggerOnMouseLeave);

var triggerOnScroll = function(e) {
    // Using jQuery here
    if (!$(box).is(':hover')) {
        triggerOnMouseLeave();
    }
}

window.addEventListener('scroll', triggerOnScroll);