JS计算鼠标点击移动的距离
JS calculating distance mouse travelled on clicks
我正在尝试计算用户单击时记录的距离,并在用户再次单击后停止记录。我怎样才能做到这一点?由于我对鼠标事件不是很熟悉,所以我尝试使用点击事件,但每次点击时我都会完全停止该功能。我在下面有以下代码。
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;
},
这里是fiddle
我正在尝试计算用户单击时记录的距离,并在用户再次单击后停止记录。我怎样才能做到这一点?由于我对鼠标事件不是很熟悉,所以我尝试使用点击事件,但每次点击时我都会完全停止该功能。我在下面有以下代码。
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;
},
这里是fiddle