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

Question

我正在制作一个用于移动页面上的元素的脚本，我需要在鼠标向下移动时将其放入循环中，否则无法阻止它。但是，一旦我出于某种原因将其放入 setInterval 循环中，我就会收到此错误“未捕获的类型错误:无法读取未定义的属性“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);
        });
    });
});

Answer 1

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

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