如果鼠标移动太快,使用鼠标移动处理程序拖动元素将停止跟踪
Dragging an element with mousemove handler stops tracking if mouse moves too quickly
我已经设置了一个mousemove
处理程序来拖动元素。但是,如果移动光标太快,它将失去对元素的跟踪,并且在您将光标移回元素上之前不会再移动它。
这是一个JSFiddle演示。
它为什么要这样做?
$this.on("mousemove.partmove touchmove", function(e){
e.preventDefault();
var moveL = e.clientX;
var moveT = e.clientY;
console.log("mov " + (moveT-vOffset) );
$this.css({"left": moveL-hOffset, "top": moveT-vOffset});
});
我遇到了同样的问题。我唯一做的是为其父元素定义 MouseMove 事件。这样,即使您快速移动指针,它也可以跟踪指针的位置。
相关文章:
- js:停止鼠标移动
- Zingchart-平移键和鼠标移动
- 在鼠标上触发鼠标移动'的当前位置
- 当用户将鼠标移到屏幕/图表上时,自动滚动将暂停.如果鼠标移动停止,自动滚动将再次恢复
- 如何在谷歌地图上用鼠标移动标记
- 如何在鼠标移动事件时更改图像的窗口中心和宽度
- 如何模仿鼠标移动和事件
- 鼠标点击不会'不起作用,鼠标移动可以
- 有没有办法提高鼠标移动的分辨率
- 如何在JS中随机化backgroundPosition而不使用鼠标移动来制作万花筒的动画
- 如何使用onmousemove函数在每次鼠标移动时更改背景图像
- 使用jQuery/CSS设置的鼠标光标在鼠标移动之前不会更改
- 在谷歌地图中用鼠标移动标记
- 在HTML5画布中绘制鼠标移动的半透明线条
- 如何使用Protractor/Senium将鼠标移动到任意点
- 防止鼠标移动对elementFromPoint的攻击
- 如果鼠标悬停得很快,Jquery鼠标移动会错过一些单元格
- 检查人员是否通过鼠标移动离开网站
- 使用鼠标移动操作选择选项
- 如何在D3Javascript中将鼠标移动到节点上时显示和隐藏节点