通过另一个元素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