js 点击鼠标右键

触发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>

推荐阅读更多精彩内容

  • 13.1 事件流 “DOM2级事件”规定事件流包括3个阶段:事件捕获阶段,处于目标阶段,事件冒泡阶段。事件捕获表示...
    Elevens_regret阅读 74评论 0 0
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 719评论 2 9
  • 事件流 IE和Netscape开发团队提出了完全相反的两种事件流的概念,事件冒泡流和事件捕获流。 事件冒泡 事件由...
    exialym阅读 320评论 0 9
  • 之前写过一篇浏览器事件的相关操作和事件运行的原理——JavaScript浏览器事件解析。这一篇主要写一些常用的事件...
    faremax阅读 823评论 0 0
  • 汽车在使用过程中会遇到零配件耗损问题。最明显的就是汽车轮胎,在公路上跑动久了,橡胶会越磨越薄。汽车的其他部件也会因...
    爱车主义阅读 27评论 0 0