jQuery悬停检测通过另一个元素？

Question

我正在尝试为我的一个项目制作一个自定义的 jQuery 拖放功能。

我遇到的问题是，当拖动元素时，它被放在鼠标和放置区域之间，我无法找到一种体面的方法来检测通过拖动元素悬停在放置区域上而没有偏移略。

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

上面的代码移动了一个简单的<span>来匹配鼠标位置。

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

这是我习惯使用 jQuery 进行的简单悬停检测。

Answer 1

您可以尝试使用 css 禁用跨度上的鼠标事件，这应该使其对鼠标透明并允许悬停在跨度下激活

CSS：

.element {pointer-events:none} 

参考：

https://developer.mozilla.org/en-US/docs/CSS/pointer-events