如何检查当前的鼠标按钮状态使用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'); 
    } 
}