如何檢查當前的鼠標按鈕狀態使用JavaScript

Question

我想在鼠標的狀態下狀態或了狀態

document.onmousemove = mouseMove; 
document.onmousedown = mouseDown; 
document.onmouseup = mouseUp; 

function mouseMove(ev) { 

    mouseState=""; 
    //How can I know the state button of mouse button from here 
    if(mouseState=='down') { 
     console.log('mouse down state') 
    } 

    if(mouseState=='up') { 
     console.log('mouse up state') 
    } 
} 

function mouseDown(ev) { 
    console.log('Down State you can now start dragging'); 
    //do not write any code here in this function 
} 

function mouseUp(ev) { 
    console.log('up state you cannot drag now because you are not holding your mouse') 
    //do not write any code here in this function 
} 

，當我提出我的鼠標，程序應該顯示的要求值mouseState現在在控制檯上向下或向下移動

Answer 1

您只需爲其創建一個變量。

document.onmousemove = mouseMove; 
document.onmousedown = mouseDown; 
document.onmouseup = mouseUp; 
var mouseState = "up"; 

function mouseMove(ev) { 

    //How can I know the state of mouse from here 
    if(mouseState=='down') { 
     console.log('mouse down state') 
    } 

    if (mouseState=='up') { 
     console.log('mouse up state') 
    } 
} 

function mouseDown(ev) { 
    mouseState = "down"; 
    console.log('Down State you can now start dragging'); 
    //do not write any code here in this function 
} 

function mouseUp(ev) { 
    mouseState = "up"; 
    console.log('up state you cannot drag now because you are not holding your mouse') 
    //do not write any code here in this function 
} 

您應該看看「mousemove」上的事件，方法是將其記錄到控制檯中。那裏可能有一個屬性表明鼠標的狀態，就像按鍵事件有一個屬性，告訴你是否按下了shift鍵。但是這可能不是跨瀏覽器兼容的。

Answer 2

您可以查看MouseEvent.which屬性。

function mouseMove(ev) { 
    if(ev.which==1) { 
     console.log('mouse down state with left click'); 
    } else if(ev.which==3) { 
     console.log('mouse down state with right click'); 
    } else { 
     console.log('mouse update'); 
    } 
}