JavaScript 左键和右键单击功能

JavaScript left and right click function

本文关键字：单击 功能 右键 JavaScript      更新时间：2023-09-26

这是我正在制作的HTML5画布游戏。 在游戏中，有一个角色有枪，他可以射击并重新装填。 我希望玩家使用鼠标左键进行射击，使用鼠标右键重新加载。

我需要的是，当我单击鼠标左键时，我的播放器对象（Player1.isLeftClick）中的一个变量变为真，当我松开按钮时，相同的变量变为假。 鼠标右键也应该发生同样的事情，但另一个变量（Player1.isRightClick）。 我还希望它能够与所有最流行的浏览器（Chrome，Firefox，Explorer等）一起使用。 我也必须使用纯JavaScript，没有像jQuery这样的库！我已经通过键盘事件实现了这个，但我需要鼠标事件来实现这一点。

如果有帮助，我已经有了用于键盘上下和鼠标移动的事件处理程序。 这些是在加载图像时初始化游戏的 init 函数中进行的。

document.addEventListener('mousemove', mousePos, false);
document.addEventListener('keydown', checkKeyDown, false);
document.addEventListener('keyup', checkKeyUp, false);

我还有一个名为mie的变量，如果使用的浏览器是Internet Explorer，则为true，而对于其他浏览器为false。

您希望使用 e.button 属性来检查调用了哪个鼠标事件。在 IE 中，单击的鼠标左键的值不同。您的代码如下所示：

var left, right;
left = mie ? 1 : 0;
right = 2;
document.body.addEventListener('mousedown', function (e){
    if(e.button === left){
        Player1.isLeftClick = true;
    }
    else if(e.button === right){
        Player1.isRightClick = true;
    }
}, false);
document.body.addEventListener('mouseup', function (e){
    if(e.button === left){
        Player1.isLeftClick = false;
    }
    else if(e.button === right){
        Player1.isRightClick = false;
    }
}, false);

演示

相关文章：