知道鼠标是否在元素上的另一种方法（Javascript）

我有一个脚本，当我的鼠标在上面时，它会显示一个“悬停元素”（像缩放）。我知道这有点乱，但这里有一个例子：

函数showOverflow2（e）{
设cell=e.currentTarget；
设clone=cell.cloneNode（true）；
如果（cell.children[0].scrollWidth您可以使用CSS重复内容（放大）并在悬停时显示和隐藏。下面是一个简单的示例


表格{
填充：30px；
}
运输署{
位置：相对位置；
填充：4px；
边框：1px纯蓝色；
}
.成长{
显示：无；
背景色：#fff；
边框：1px实心#000；
填充：3倍；
z指数：10；
}
td:悬停，成长{
显示：块；
位置：绝对位置；
排名：0；
左：0；
转换：比例（1.5）；
}

asdfASDF
fasdFASD
我在回答我自己的问题，因为我需要将一些想法结合起来才能使它很好地工作

首先，我需要指出，出于某种原因，我所描述的问题只有在“开发人员”选项卡（f12）打开时才会出现在浏览器中，否则一切正常

但我仍然想确定没有任何单元格会以这种方式冻结，所以我使用了Ed Lucas这样的css。尽管如此，我仍然需要Javascript来获得正确的居中

经过几天的尝试，我终于找到了一种方法，使用css将其居中，该css使用绝对定位，并且子元素更大

我没有删除Javascript方法，因为它为我提供了触发和还原此事件的命令的灵活性

最后，我的代码如下所示：


函数showOverflow（e）{
常数div=e；
常量单元格=div.parentElement；
const span=div.children[0]；
如果（span.scrollWidth），请考虑mouseleave事件