JavaScript MouseMove事件属性

我阅读了关于MouseMove事件的Mozilla文档页面。
而在属性表中有2个属性，我不明白他们是如何工作的。JavaScript MouseMove事件属性

该详细信息属性通过描述是：“在短时间内发生的连续点击计数，加1”。

Mozilla认为连续点击的次数是多少，以保证点击之间的点击时间。我可以将其配置为更短或更长的时间段吗？

按钮属性，其中描述了：“当鼠标事件被触发时按下的按钮”。

什么是按下的按钮？它是在mouseup事件的按钮状态？
这是在mouseup event和 mousedown event 没有提到这个阶段或状态所以它是什么？

2017-09-06 RuvenGam

_“什么是按下的按钮？”_ - 一个被按下的按钮...... – CBroe

details属性在短时间内给出点击计数。 “短时间”是双击成为有效输入的持续时间。在你的特定情况下，当你将鼠标移到一个元素上时，你会得到一系列的mousemove事件，然而mousemove事件忽略了细节属性。我想移动鼠标并点击没有多大意义。如果您尝试使用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中非常清楚地解释为;

当鼠标事件被触发压下的按钮：左键= 1，右按钮= 2，中（车轮）按钮= 4，第四按钮（通常， “浏览器返回” 按钮）= 8，第五个按钮（通常为“Browser Forward” 按钮）= 16。如果按下两个或更多按钮，则返回逻辑值。例如，如果左按钮和右按钮被按下，则返回3.

它给你当你有特定的鼠标事件被触发时按下哪个按钮。这次它对于mousemove事件很有意义，因为它提供了上述MDN中所述的按钮编号。

来源

2017-09-06 08:10:27 Redu

因此，如果我理解正确，那些是一般的鼠标事件属性。 – RuvenGam

@RuvenGam是的，他们属于鼠标事件不属于'event.target'属性 – Redu

我明白了details属性。关于这些按钮，您描述了某种与拖动相关的功能，我在Mozilla中查看了[documentation]（https://developer.mozilla.org/en-US/docs/Web/Events/drag），并在那里找到了按钮属性解释得更清楚。谢谢@Redu – RuvenGam

JavaScript MouseMove事件属性

回答

相关问题