JavaScript MouseMove事件属性

Question

我阅读了关于MouseMove事件的Mozilla文档页面。

在属性表中有两个属性，我不理解它们是如何工作的。

details属性描述为：“在短时间内发生的连续单击的计数，增加一次。”

Mozilla连续考虑的剂量是多少，点击之间要多长时间来确保计数。我是否可以将其配置为更短或更长的时间段？

按钮属性，它使用“当鼠标事件被触发时按下按钮”来统计描述。

什么是按压按钮？是鼠标事件的按钮状态吗？

这在鼠标事件和按下事件中都没有提到这个阶段或状态，那么它是什么呢？

Answer 1

details属性在短时间内给出单击计数。“短期时间”是双击作为有效输入的持续时间。在特定情况下，当您将鼠标移到元素上时，将触发一系列mousemove事件，但是mousemove事件忽略了details属性。我想移动鼠标和点击没有多大意义。如果您尝试使用click事件，您将注意到它是如何工作的。

​

md.addEventListener("click", e => console.log(e.detail));

#md {
  width: 300px;
  height: 200px;
  text-align: center;
  background-color: thistle;
}

<div id="md">Click</div>

​

它会计算你的点击，直到双击的微小持续时间被感觉到。我想你这次可能会改变你的操作系统鼠标界面。

按钮属性在MDN中解释得非常清楚；

鼠标事件发生时按下的按钮:左button=1、右button=2、中间(车轮) button=4、第四个按钮(通常是“浏览器后退”按钮)=8，第五个按钮(通常是“浏览器前进”按钮)=16。如果按下两个或多个按钮，则返回值的逻辑和。例如，如果左键和右按钮被按下，则返回3。

当你的鼠标事件被触发时，它会让你按下哪个按钮。这一次，它在mousemove事件中是有意义的，因为它给出了上面描述的MDN中提到的按钮号。