当您快速移动鼠标时，鼠标移动速度会变慢

Question

我试图让jquery框拖动，但问题是，当我拖动得非常快时，“mousemove”的移动速度比我的鼠标慢，当鼠标离开拖动#box时，mousemove不会移动，我该如何解决这个问题？ :

function position(div,x,y) {

    x = x-100;
    y = y-100;

    $(div).css({'left':x, 'top':y});

}


$(document).ready(function() {

    var check = false;

    $("#box").mousedown(function() {

        check = true;

        $("#box").mousemove(function (e) {

            if(check != false) {

                position("#box", e.pageX, e.pageY);

            }

        });

    }).mouseup(function() {

        check = false;

    });

});

Answer 1

它的速度变慢是因为您使用了太多的系统资源。所以你需要找到减少系统使用的方法。

通过将鼠标移动延迟到文档，它的运行速度会更快一些。当您快速移动鼠标时，它仍然有点滞后，但这是一个改进。这是代码：

$(document).ready(function() {
    var check = false,
        box = $("#box")[0];

    $(box).mousedown(function() {
        check = true;
    }).mouseup(function() {
        check = false;
    });

    $(document).mousemove(function(e) {
        if(check) {
            position(box, e.pageX, e.pageY);
        }   
    });
});