Событие "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);