如何使用Javascript检查当前鼠标按钮状态
How to check the current mouse button state Using Javascript
我希望鼠标处于向下状态或向上状态
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值
您可以检查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');
}
}
您只需要为它创建一个变量。
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"事件记录到控制台中来查看该事件。那里可能有一个属性显示鼠标的状态,就像keypress事件有一个"告诉"您是否按下了shift按钮的属性一样。但这可能与跨浏览器不兼容。
相关文章:
- 如何知道鼠标按钮的当前状态(mouseup状态或mousedown状态)
- 如何使用Javascript检查当前鼠标按钮状态
- 如何在按住鼠标按钮且光标在视口外时检测鼠标离开
- jQuery UI可排序,释放鼠标按钮事件
- 有可能得到鼠标按钮4、5等吗
- 当鼠标按钮的指针尝试关闭弹出窗口时,阴影弹出框消失
- 织物.js - 在不按住鼠标按钮的情况下移动对象
- HTML5画布:如果在画布上移动鼠标时按下了鼠标按钮,则进行检测
- 检查按下了哪个鼠标按钮,如果是双击
- CSS选择器:悬停加上未按下鼠标按钮
- 按下鼠标按钮时监视鼠标坐标
- 无法检测在移动鼠标时按下的鼠标按钮
- 是鼠标按钮的单击通用
- Dart HTML-在不释放鼠标按钮的情况下更改输入范围
- 当我按住鼠标按钮移动鼠标时,Fabric.js–元素是未定义的
- 布尔函数来知道鼠标按钮的位置
- 如何在按下鼠标按钮时触发' onMouseEnter '
- 鼠标事件"mousemove"在按下和释放鼠标按钮时触发
- KineticJS:获取鼠标按钮,x和y从'点击'圆圈上的事件
- 鼠标移动回调事件没有显示哪个鼠标按钮被按下