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

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

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

来源

2015-10-27 user1610834

是在第一行的'var'一个错字？ –

这是！对于那个很抱歉！ – user1610834

您可能想要使用[pythagoras]（https://en.wikipedia.org/wiki/Pythagorean_theorem）计算距离，而不是仅添加x和y距离。 – Anders

只要改变你的

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

    },

这里fiddle

来源

2015-10-27 09:21:24

'select =！select' – Jivings

谢谢！这工作！ – user1610834

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

回答

相关问题