Javascript 使一个div出现在onmouseover上，但如果鼠标悬停在上面，则保留该div

我想让一个描述框在鼠标悬停在某个元素上时出现在该元素上，在它离开时消失。然而，简单地做

$("element").mouseenter(function() {
    // make box appear
}).mouseleave(function() {
    // make box disappear
});

如果鼠标悬停在长方体上，将使长方体消失。只要鼠标停留在目标元素上或显示在其旁边的框上，如何将其保持在屏幕上

$("#element").on({
mouseenter: function () {
    $("#box").fadeIn();
},
mouseleave: function () {
    var $target = $("#box");


    var timer = setTimeout(function () {
        $target.stop(true, true).fadeOut();
    }, 200);
    $target.data('hoverTimer', timer);
}
});

试试这个。

这个就可以了

 stay= false
  $(element).hover(function(){
      console.log('mouseover');
      $(box).show();
      $(box).hover(function(){
         stay=true;
       }, 
       function(){
           exitHover();
           console.log('mouseout if box');
        });
  },
  function(){
     exitHover();
     console.log('mouseout');
  });
  function exitHover(){
      if(stay) return;
      //hide box
  }

---

哦，孩子，完全错过了问题的另一部分，更新了。

你甚至不需要javascript

#正方形{
高度：200px；
宽度：200px；
线高：50px；
垂直对齐：中间对齐；
文本对齐：居中；
背景颜色：绿色；
不透明度：0.0；
过滤器：α（不透明度=40）；
/*适用于IE8及更早版本*/
}
#母公司{
高度200px；
宽度：400px；
背景颜色：蓝色；
}
#父对象：悬停#方形{
不透明度：1；
}

:-)
^^^^^^将鼠标悬停在^^ ^ ^

$（“#元素，#显示_div”）.mouseleave（function（）{}）；您可以将

事件

参数添加到回调函数中，并检查target属性以查看当前悬停的元素（

mouseenter（function（e）{console.log（e.target）}）

）是否执行了此操作..？这是您想要的吗？