javascript MouseEventsを使用して左クリックと右クリックの中間クリックを区別する方法は？

Question

例：あなたは、ブラウザのコンソールに... 真ん中が同時にログ1,4すぎでログ1,4と、左右のボタンをクリックすることを置く場合

document.querySelector("body").addEventListener("mousedown", (e) => console.log(e.button, e.buttons)); 

。

ブラウザがクリックをデバウンシングして特定の遅延を報告していますか？どのように私は両方のものを区別することができますか？

Answer 1

var buttonsMap = { 
    1 : "primary", 
    2 : "contextmenu", 
    3 : "primary + contextmenu", 
    4 : "middle", 
    5 : "primary + middle", 
    6 : "contextmenu + middle" 
} 


document.body.addEventListener("mousedown", (e) => { 

    console.log(buttonsMap[e.buttons]); // Here you go 

    // What you could do: 
    if(/3|5|6/.test(e.buttons)) { 
    console.log("DOUBLE!!!"); 
    } else { 
    console.log("single"); 
    } 

}); 

jsBin demo

https://w3c.github.io/uievents/#dom-mouseevent-buttons