javascript - Mouseout检测到新的div？

Question

当我将鼠标悬停在 div 上时，我会执行一些操作并在该 div 旁边放置一个模式窗口。当我将鼠标移开时，我需要隐藏模式。问题是当我将鼠标移至模式时它会消失，因为我不再将鼠标悬停在原始 div 上。

有没有办法检测我在 mouseout 事件中将鼠标悬停在哪个 div 上？不隐藏模态 div 的最干净的方法是什么？

Answer 1

尝试将模态窗口放在“mouseovered”div 内。

应该可以解决问题

<小时/>

编辑:

由于您无法将模态窗口放入其中，因此您可以尝试一些“棘手”的东西。

var timerFade;
$(function(){
    $(".element").mouseout(function(){
        timerFade = setTimeout(500,function(){
            // make the modal disappear
        });
    });
    $("#modalWindow").mouseover(function(){
        clearTimeout(timerFade);
    });
    $(".element").mouseover(function(){
        timerFade = setTimeout(500,function(){
            clearTimeout(timerFade);
        });
        // if modal is hidden, show it or move from another
            // element whith same behavior
    });

});

假设您想要覆盖的 div 具有“element”类，并且模态窗口具有 id“modalWindow”。

这意味着您在设定的超时时间内隐藏模态窗口，并且当您再次将鼠标悬停在模态窗口或元素上时将其清除

只是一个想法^^

Example here