通过另一个元素检测jQuery的hover效果？

Question

通过另一个元素检测jQuery的hover效果？

3

我正在为我的项目制作自定义的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 中常用的简单的鼠标悬停检测。

- robjtede

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- charlietfl · Accepted Answer

您可以尝试使用CSS禁用span上的鼠标事件，这样应该会使其对鼠标透明，并允许在span下激活悬停。

CSS：

.element {pointer-events:none}

参考：

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