通過另一個元素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