JS中鼠标左右键以及中键的事件

摘要：有时候需要判断鼠标的事件，除了使用的click事件，只有鼠标左键有效，而右键无效。而对于onmousedown、onmouseup的时候鼠标的事件左键/右键有效。以下总结鼠标三个按键操作：

有时候需要判断鼠标的事件，除了使用的click事件，只有鼠标左键有效，而右键无效。而对于onmousedown、onmouseup的时候鼠标的事件左键/右键有效。以下总结鼠标三个按键操作：

首先，需要为window绑定mousedown、mouseup事件，元素对象.addEventListener(‘mousedown‘, 处理函数fun);

然后，判断button的值，button 事件属性可返回一个整数，指示当事件被触发时哪个鼠标按键被点击。button：返回当事件被触发时，哪个鼠标按钮被点击。

参数	描述
0	规定鼠标左键
1	规定鼠标中键
2	规定鼠标右键

w3c下的示例

<body onmousedown="whichButton(event)">
<p>请在文档中点击鼠标。一个消息框会提示出您点击了哪个鼠标按键。</p>
<script type="text/javascript">
    function whichButton(event){
    var btnNum = event.button;
        if (btnNum==2){
            alert("您点击了鼠标右键！")
        }else if(btnNum==0){
            alert("您点击了鼠标左键！")
        }else if(btnNum==1){
            alert("您点击了鼠标中键！");
        }else{
            alert("您点击了" + btnNum+ "号键，我不能确定它的名称。");
        }
    }
</script>
</body>

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_3304