現在的位置: 首頁 > 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>


  總之,鼠標中鍵給大家簡單的介紹了一些,希望大家多看看。

抱歉!評論已關閉.

奔驰宝马破解版下载 2020年六合开奖日期表 彩票app排名 浙江6+1体彩开奖结果 上海快三预测 股票融资与债券融资 湖南快乐十分玩法规则 证券投资基金的资产交由谁保管 山东群英会软件预测 山西快乐10分一区二区 股票实盘大赛 湖北11选五走势图 - 百度 权重股票有哪些股票 正片白小姐六选一肖中特 如何开户炒股 上海十一选五遗漏表 平安证券卖股票要多久