现在的位置: 首页 > web前端 > 正文

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

2020年07月14日 web前端 ⁄ 共 886字 ⁄ 字号 评论关闭

  在三维场景中有时候需要判断鼠标的事件,除了使用的click事件,只有鼠标左键有效,而右键无效。而对于onmousedown、onmouseup的时候鼠标的事件左键/右键有效。详细请看w3c上的资料。


  鼠标中键怎么操作


  首先,需要为window绑定mousedown、mouseup事件


  元素对象.addEventListener('mousedown',处理函数fun);


  1


  然后,判断button的值,button事件属性可返回一个整数,指示当事件被触发时哪个鼠标按键被点击。


  button:返回当事件被触发时,哪个鼠标按钮被点击。


  参数 描述


  0 规定鼠标左键


  1 规定鼠标中键


  2 规定鼠标右键


  鼠标中键代码


  functiononMouseDown(event){


  if(event.button==0){


  console.log("鼠标左键!")


  }elseif(event.button==2){


  console.log("鼠标右键!");


  }elseif(event.button==1){


  console.log("鼠标滚轮!");


  }


  }


  <bodyonmousedown="whichButton(event)">


  <p>请在文档中点击鼠标。一个消息框会提示出您点击了哪个鼠标按键。</p>


  <scripttype="text/javascript">


  functionwhichButton(event){


  varbtnNum=event.button;


  if(btnNum==2){


  alert("您点击了鼠标右键!")


  }elseif(btnNum==0){


  alert("您点击了鼠标左键!")


  }elseif(btnNum==1){


  alert("您点击了鼠标中键!");


  }else{


  alert("您点击了"+btnNum+"号键,我不能确定它的名称。");


  }


  }


  </script>


  </body>


  总之,鼠标中键给大家简单的介绍了一些,希望大家多看看。

抱歉!评论已关闭.