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事件屬性

回答

相關問題