Javascript JS计算鼠标点击时移动的距离

Javascript JS计算鼠标点击时移动的距离,javascript,java,jquery,events,mousedown,Javascript,Java,Jquery,Events,Mousedown,我试图计算用户单击时记录的距离,并在用户再次单击时停止记录。我该怎么做?由于我对鼠标事件不太熟悉,我尝试过使用click事件,但每次单击都会完全停止该功能。我有下面的代码 var xTravelled = 0, yTravelled = 0, prevX, prevY, count = 0, select = false; $(document).on({ click : function(e) { select = true; }, mousemove

我试图计算用户单击时记录的距离,并在用户再次单击时停止记录。我该怎么做?由于我对鼠标事件不太熟悉,我尝试过使用click事件,但每次单击都会完全停止该功能。我有下面的代码

var xTravelled = 0, yTravelled = 0, prevX, prevY, count = 0, select = false;
$(document).on({
    click : function(e) {
        select = true;
    },
    mousemove : function(e) {
        if (select) {
            prevY && (yTravelled += Math.abs(e.pageY - prevY));
            prevX && (xTravelled += Math.abs(e.pageX - prevX));

            prevX = e.pageX;
            prevY = e.pageY;

            $('#result').text(yTravelled + xTravelled);
        }
    }
});
只要换个衣服就行了

 click : function(e) {
        select = (select==false)?true:false;

    },

这里的

第一行的
var
是打字错误吗?是的!对不起!您可能希望使用来计算距离,而不是仅仅添加x和y距离。确实如此!我用毕达哥拉斯来计算距离。谢谢