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 で慣れている単純なホバー検出です。

4

1 に答える 1

1

css を使用してスパンでマウス イベントを無効にしてみてください。これにより、マウスに対して透明になり、スパンの下でホバーをアクティブにできるようになります。

CSS:

.element {pointer-events:none}

参照：

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

于 2012-10-13T12:24:34.857 に答える