清除鼠标默认行为和鼠标左键&右键&中建事件判断

请喝茶

于 2019-11-20 18:23:21 发布

阅读量489

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签：鼠标事件

本文链接：https://blog.youkuaiyun.com/weixin_44167060/article/details/103168410

js 专栏收录该内容

2 篇文章

订阅专栏

本文详细讲解了如何在JavaScript中清除鼠标默认行为，如阻止页面滚动，以及如何针对鼠标左键、右键和中键触发不同的事件处理。通过实例代码，演示了如何实现精准的鼠标按键事件判断，为网页交互提供更精细的控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   //清除鼠标右键默认事件
   document.oncontextmenu = function(e){
       e.preventDefault();
   };
   window.onmousedown = function(e){
       if( e.button === 2 ){
           console.log("右键");
       }else if( e.button == 0 ){
           console.log("左键");
       }else if( e.button === 1 ){
           alert("中建");
       }
   }
   /*
   window.addEventListener('mousedown',function(e){
       if( e.button === 2 ){
           console.log("右键");
       }else if( e.button == 0 ){
           console.log("左键");
       }else if( e.button === 1 ){
           alert("中建");
       }
   });
   */