美文网首页
js 点击鼠标右键

js 点击鼠标右键

作者: 不要变成发抖的小喵喵喵喵喵喵 | 来源:发表于2017-06-26 15:47 被阅读0次

触发mousedown时,e.button的值可以区别点击鼠标的哪个键。 0是左键,1是滚轮,2是右键。

要自定义右键菜单时,要先去掉默认的contextmenu事件

<div class="right">
    在此区域点击右键
</div>

<script>
window.onload = function(){
   var right = document.querySelector('.right');
   //去掉默认的contextmenu事件,否则会和右键事件同时出现。
   right.oncontextmenu = function(e){
       e.preventDefault();
   };

   right.onmousedown = function(e){
       if(e.button ==2){
           alert("你点了右键");
       }else if(e.button ==0){
           alert("你点了左键");
       }else if(e.button ==1){
           alert("你点了滚轮");
       }
   }
}
</script>

相关文章

网友评论

      本文标题:js 点击鼠标右键

      本文链接:https://www.haomeiwen.com/subject/fsljcxtx.html