Question

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

我遇到的问题是当拖动元素时，它被放在鼠标和放置区域之间，我找不到通过拖动元素检测悬停在拖放区域上的正确方法，而不会偏移它略。

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

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

$('.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

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

1 个答案: