Javascript jQuery是否通过另一个元素进行悬停检测？

我正在尝试为我的一个项目创建一个自定义jQuery拖放函数

我遇到的问题是，当在元素上拖动时，它被放在鼠标和放置区域之间，我找不到一个合适的方法来检测通过拖动元素在放置区域上的悬停，如果它没有稍微偏移的话

$(window).mousemove(function (event) {
    $('.element').css({
        'left' : event.pageX-30 + 'px',
        'top' : event.pageY-30 + 'px'
    });
});

上面的代码移动一个简单的

，以匹配鼠标位置

$('.dropregion').hover(function () {
    console.log('hover');
}, function () {
    console.log('unhover');
});

这是我在jQuery中使用过的简单悬停检测。
您可以尝试使用css禁用span上的鼠标事件，这将使其对鼠标透明，并允许悬停在span下激活

CSS:

参考：

哇。这就成功了。不确定是否支持，但将进行一些完整的测试，并为不受支持的浏览器提供不同的方法。谢谢：我也不确定是否能完全支持浏览器，但我相信你会没事的
.element {pointer-events:none}