如何用纯javascript获得10毫秒长的鼠标位置？

Question

我正在做一个滑块，当它被滑动到左边的时候，移动到左边，当它向右滑动的时候，移动到右边。她是我到现在为止所取得的成就，https://jsfiddle.net/6ze720f7/。虽然我现在可以设置位置左:0时显示左和位置左: 446 px时，右显示。

负责方向的代码是：

center.onmousemove = function(Dmove) {
if (Dmove.pageX < oldx) {
    direction = "left"
} else if (Dmove.pageX > oldx) {
    direction = "right"
}

oldx = Dmove.pageX;
}

我担心的是，oldx和Dmove.pageX之间的区别非常小，更准确地说是执行几行javascript代码所花费的时间。因此，如果div向左滑动1秒，但在最后它被错误地移到右边几毫秒，那么div就会向右滑动。我想的解决方案是使用10 is旧的oldx值。

• 有可能找到比现在的Dmove.pageX大10毫秒的值吗？
• 是否可以在语句 oldx = Dmove.pageX;之后给出10毫秒的同步延迟？
• 是否有可能使用setInterval()函数，使其在每10秒之后设置值oldx？这可能有点问题，因为当oldx事件发生时，Dmove.pageX和现值之间的差异可以取到0到10 to之间的任何值。

Answer 1

我建议(如果适用于您的情况)采取另一种方法:比较一下在滑动开始时的x位置(即:拖曳事件或镶嵌事件的开始)，以及在滑动事件的末尾或滑动过程中的x位置(即鼠标移动事件或mousemove事件)。这意味着：

document.body.onmousedown = function(Dmove) { 
    oldx = Dmove.pageX;
    ...
    ...
}

不要在其他地方修改oldx，并将其与onmousedown或onmouseup事件侦听器中的“初始”值进行比较。