jquery – 当目标设置动画并且在鼠标指针下传递时,不会触发mouseenter / mouseleave事件

是的,这是正常行为.绕过它可能是放弃mou@R_262_10288@ave / mouseenter并将mousemove事件绑定到文档.从那里,获取页面上的鼠标指针位置和动画元素的offset(),()和height().如果从mousemove事件保存的最后一个点落在该区域内,则鼠标位于该元素中.

每次动画更新时都需要测试它,您可以使用animate step function进行测试.

例如

function myAnimateStepFunc(e,fX) {
    var $e = $(fx.elem);
    var p = $e.offset();
    var isin = false;
    if(lastx >= p.left && lasty >= p.top) {        
        isin =(lastx < p.left + $e.width() && lasty < p.top + $e.height());           
    }

...

这可能已经足够了,但你可以扩展它,然后自己触发mou@R_262_10288@ave / mouseenter事件,直接指向动画元素.

请注意,您需要将mousemove绑定到整个页面,因为您需要更新鼠标在页面上移动的最后位置和最后位置,而不仅仅是在动画的包含div中.