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;
},
这里是小提琴
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- FabricJs-限制主对象内添加对象的移动区域
- 如何从画布上的某个移动事件中获取X和Y
- 触摸移动时切换到新元素
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 停止jQuery UI滑块移动超过给定值
- HTML5画布距离和移动对象
- 如何计算鼠标与指定偏移量的移动距离
- jQuery UI如果移动的距离小于一定距离,则可拖动恢复到原始位置
- JS计算鼠标点击时移动的距离
- 如何获得方向和距离与jQuery移动滑动事件
- 无法修复浏览器缩放时滑块移动距离
- 计算移动长方体以删除交点的距离
- 在Javascript中检测鼠标移动距离的好技术是什么?
- 使用draggable,我怎样才能得到元素移动的距离
- 算法-找到移动距离最小的点
- 垂直距离控制如果它溢出到下一行,在移动动态网站