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

时间: 2019-05-12阅读: 51标签: 鼠标

有时候需要判断鼠标的事件,除了使用的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>


1

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全