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