HTML5画布:如果在画布上移动鼠标时按下了鼠标按钮,则进行检测

HTML 5 canvas: detect, if mouse button is pressed while moving mouse over canvas

本文关键字:鼠标 按钮 检测 如果 HTML5 移动 画布      更新时间:2023-09-26

我试图检测鼠标是否在CANVAS上移动时被按下:

canvas.addEventListener('mousemove', function (evt) {
           ...
        });

在mousedown中设置一个标志并在mouseup中跳过它是个坏主意,因为用户可以在画布外释放鼠标按钮。

如果在触发鼠标移动事件期间按住鼠标左键,则evt.which将为1,如果未按住,则为0

测试使用:

document.addEventListener("mousemove", function (e) {
    console.log(e.which);
});