javascript - 当我将其放入setInterval循环中时，event.clientY是未定义的

我正在编写用于在页面上移动元素的脚本，并且需要在鼠标上下移动时将其放入循环中，否则无法停止它。但是由于某种原因，一旦我将其放入setInterval循环中，我就会收到此错误“未捕获的TypeError：无法读取未定义的属性'clientY'”。我不知道为什么会这样。有人对情况有所了解吗？

$(document).on('mousedown', '#moveMe', function(){
    $(document).on('mousemove', '#moveMe', function(){
        var inLoop = setInterval(function(){
            var y = event.clientY;
            var x = event.clientX;
            $('#moveMe').css('left', parseInt(x)+"px");
            $('#moveMe').css('top', parseInt(y)+"px");
        }, 1);
        $(document).on('mouseup', 'body', function(){
            clearInterval(inLoop);
        });
    });
});

最佳答案

您需要将事件传递给事件处理程序

$(document).on('mousedown', '#moveMe', function(){
    $(document).on('mousemove', '#moveMe', function(event){
        var inLoop = setInterval(function(){
            var y = event.clientY;
            var x = event.clientX;
            $('#moveMe').css('left', parseInt(x)+"px");
            $('#moveMe').css('top', parseInt(y)+"px");
        }, 1);

        $(document).on('mouseup', 'body', function(){
            clearInterval(inLoop);
        });
    });
});