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

Question

我将鼠标指针悬停在小部件上，并且希望在滚动页面时调用“ mouseleave”事件，导致鼠标实际离开小部件。当前，仅在滚动停止时才调用该事件。 谢谢。

Answer 1

您可以将侦听器放入函数中，还可以附加滚动事件侦听器。在那里，您可以检查鼠标光标是否仍在“框”内并调用适当的函数：

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);