JS计算鼠标点击的距离

用户名

我正在尝试计算用户单击时记录的距离,并在用户再次单击时停止记录。我怎样才能做到这一点?由于我对鼠标事件不是很熟悉,因此我尝试使用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);
        }
    }
});
谢兰德拉·沙玛(Shailendra Sharma)

只是改变你的

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

    },

这里的小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章