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阅读 476评论 0 0
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,659评论 2 10
  • 事件流 IE和Netscape开发团队提出了完全相反的两种事件流的概念,事件冒泡流和事件捕获流。 事件冒泡 事件由...
    exialym阅读 1,007评论 0 9
  • 之前写过一篇浏览器事件的相关操作和事件运行的原理——JavaScript浏览器事件解析。这一篇主要写一些常用的事件...
    faremax阅读 1,675评论 0 0
  • Golang 中可以使用 os/exec 来执行 Linux 命令,下面是一个简单的示例: 或者创建一个缓冲读取器...
    田飞雨阅读 16,207评论 0 14