jquery - 当您使用鼠标快速移动时，Mousemove 会变慢

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

它变慢了，因为您使用了太多的系统资源。因此，您需要找到减少系统使用率的方法。

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

$(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);
        }   
    });
});