JS中怎么怎么實現鼠標左右鍵和中鍵事件

這篇文章主要講解了“JS中怎么怎么實現鼠標左右鍵和中鍵事件”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“JS中怎么怎么實現鼠標左右鍵和中鍵事件”吧！

　　在三維場景中有時候需要判斷鼠標的事件，除了使用的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>

感謝各位的閱讀，以上就是“JS中怎么怎么實現鼠標左右鍵和中鍵事件”的內容了，經過本文的學習后，相信大家對JS中怎么怎么實現鼠標左右鍵和中鍵事件這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！