Question

我阅读了有关MouseMove活动的Mozilla文档页面在属性表中有2个属性我不明白它们是如何工作的。

详细信息属性，按说明为：＆＃34;在短时间内发生的连续点击次数，加1。＆＃34;

Mozilla连续考虑什么剂量，点击确保计数之间的时间有多长。我可以将其配置为更短或更长的时间段吗？

按钮属性，用以下内容对描述进行统计：＆＃34;当鼠标事件被触发时按下按钮＆＃34;。

什么是郁闷按钮？它是mouseup事件中的按钮状态吗？
这里没有提及mouseup event中的这个阶段或状态 mousedown event 那是什么？

Answer 1

details属性会在很短的时间内显示点击次数。＆＃34;短时间＆＃34;是双击成为有效输入的持续时间。在您的特定情况下，当您将鼠标移到元素上时，您将获得一系列mousemove个事件，但是mousemove事件忽略了详细信息属性。我想移动鼠标并单击“不”。很有道理。如果您使用click事件进行尝试，您会注意到它的工作原理。

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

它将计算您的点击次数，直到感觉到双击的微小持续时间。我想你可以从操作系统鼠标界面改变这段时间。

按钮属性在MDN中非常清楚地解释为;

触发鼠标事件时按下按钮：左键= 1，右键= 2，中（轮）键= 4，第四键（通常，＆＃34;浏览器返回＆＃34;按钮）= 8，第五个按钮（通常，＆＃34;浏览器转发＆＃34; 按钮）= 16。如果按下两个或更多按钮，则返回逻辑价值总和。例如，如果是左按钮和右按钮郁闷，回归3.

它可以让您在触发特定鼠标事件时按下哪个按钮。这次使用mousemove事件是有意义的，因为它为您提供了上述MDN中所述的按钮编号。

JavaScript MouseMove事件属性

1 个答案: