JS计算距离鼠标的点击次数

Question

我正在尝试计算用户点击并在用户再次点击后停止录制时记录的距离。我怎样才能做到这一点？由于我对鼠标事件不太熟悉，我尝试过使用点击事件，但每次点击我都会完全停止这个功能。我在下面有以下代码。

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

Answer 1

只需更改

即可

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

    },

这里是fiddle