javascript - 鼠标移出并关闭对话框

Question

我有一个通过悬停来显示对话框的链接，我想知道是否有办法:

• 如果我将鼠标悬停在链接上并显示对话框，但我没有进入该对话框，并且将鼠标移出链接，则对话框将关闭。 (我可以使用 mouseleave 函数来做到这一点)

• 但我也有可能进入对话框(将鼠标移出链接)，将光标移向对话框，以查看/单击对话框上的某些信息而不关闭它。

我知道这听起来有点令人困惑，但希望你们能指导我。

这是我的对话框照片:

/image/zEfzI.png

Answer 1

也许您想使用 setTimeout() 设置超时？

$("#link").mouseout(function(){
  setTimeout(function(){
    $(this).removeClass("active")
  }, 2000);
});
$("#dialog").mouseover(function(){
  $(this).addClass("active")
});