jquery - 如何在没有 jQuery UI 的情况下检测元素拖动？

Question

我正在尝试为我的项目编写非常压缩和优化的 js，我在我的项目中使用 jQuery，现在我想检测拖动元素以通过此拖动执行更多操作。

我在这里搜索了许多网站和问题，但每个地方结果 = 使用 jquery UI。

我不能使用 jQuery UI ，因为我的代码没有优化并且对我的项目来说很大。

现在我真正的问题是，我如何单独在 jQuery 中检测拖动项，而不是使用 jQuery UI。

我的尝试代码例如：

$（函数（）{

window.isDragging = false;

$('#move').mousedown(function (e){
    window.mX = e.pageX ;
    window.mY = e.pageY ;
    window.isDragging = true;

    $('html').bind('mouseup',function (e){
        window.isDragging = false;
        console.log(window.mX+'->'+e.pageX);
        console.log(window.mY+'->'+e.pageY);
    });

    $('html').bind('mousemove',function (e){
        if (window.isDragging){
            console.log('move ->'+e.pageX+','+e.pageY);
        }
    });
});

})

几乎可以正常工作，但 mouseup 并不总是有效。

Answer 1

我发现了问题，当鼠标在 iframe js 鼠标上不工作时，我在所有 iframe 中添加触发器 mouseup 我的问题解决了。