使用鼠标中心/鼠标离开突出显示光标所在的元素非常慢

Question

我正在尝试使用光标突出显示光标所在的元素，当光标离开时，它会将其恢复为原始颜色。问题是它不会响应光标所在的每个元素，有时即使光标离开也会突出显示。

JS

$('body').mouseenter(function(evt){
    if(popusIsOpen) {
        $(evt.target).toggleClass('mouseOn', true);
    }
});

$('body').mouseleave(function(evt){
    if(popusIsOpen) {
        $(evt.target).toggleClass('mouseOn', false);
    }
});

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
        if(request.function == 'popup') {
            popusIsOpen = true;
        }

    });

CSS

.mouseOn {
    background-color: #99ccff
}