Javascript 当鼠标悬停在关闭图标上时，如何继续显示关闭图标？

我的页面上有一个id为area的

div

当用户的鼠标进入此

div

时，我想在右角（在div内）显示一个关闭图标。一切正常，但问题是当用户将鼠标悬停在关闭图标

#closeicon

区域时，它会隐藏图标

所以，请建议当用户将鼠标悬停在关闭图标上时，如何继续显示关闭图标

这是我的密码：

$("#area").on('mouseenter',function(e){
            e.stopPropagation();
            showCloseIcon();

    }).on('mouseleave',function(e){
       e.stopPropagation();
        var except=$("#closeicon");
        if(!except.is(e.target) && except.has(e.target).length===0){
            hideCloseIcon();     
        }
    });

编辑

---

closeicon不是area DIV的子项。出于某种原因，我正在使用css（绝对位置）将其定位在area DIV上。

$（“#area”）>$（“#area，#closeicon”）

我不确定这是否是您正在寻找的内容，但您可以使用css来实现：

#closeicon {
    display: none;
}

#area:hover > #closeicon {
    display: block;
}

---

您可以使用以下代码：

$('#area, #closeicon').hover(function(){
    $('#closeicon').show();
}, function(){
    $('#closeicon').hide()
})

只需在两个id上绑定事件

此外，我还使用了

.hover

，因为它比

.mouseenter（）。在同一个电话里

小提琴：
如果它在分区内，为什么不只使用css？@Karl AndréGagnon我刚刚对我的问题进行了编辑“closeicon不是分区的子项。我使用css（绝对位置）将其定位在分区上。”closeicon不是分区的子项。我使用css（绝对位置）将其定位在分区上.closeicon不是area DIV的子项。我使用css（绝对位置）将其放置在area DIV上。这就是逗号的作用