JS中怎么怎么實現(xiàn)鼠標(biāo)左右鍵和中鍵事件

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

　　在三維場景中有時候需要判斷鼠標(biāo)的事件，除了使用的click事件，只有鼠標(biāo)左鍵有效，而右鍵無效。而對于onmousedown、onmouseup的時候鼠標(biāo)的事件左鍵/右鍵有效。詳細(xì)請看w3c上的資料。

　　鼠標(biāo)中鍵怎么操作

　　首先，需要為window綁定mousedown、mouseup事件

　　元素對象.addEventListener('mousedown',處理函數(shù)fun);

　　1

　　然后，判斷button的值，button事件屬性可返回一個整數(shù)，指示當(dāng)事件被觸發(fā)時哪個鼠標(biāo)按鍵被點(diǎn)擊。

　　button：返回當(dāng)事件被觸發(fā)時，哪個鼠標(biāo)按鈕被點(diǎn)擊。

　　參數(shù) 描述

　　0 規(guī)定鼠標(biāo)左鍵

　　1 規(guī)定鼠標(biāo)中鍵

　　2 規(guī)定鼠標(biāo)右鍵

　　鼠標(biāo)中鍵代碼

　　functiononMouseDown(event){

　　if(event.button==0){

　　console.log("鼠標(biāo)左鍵!")

　　}elseif(event.button==2){

　　console.log("鼠標(biāo)右鍵!");

　　}elseif(event.button==1){

　　console.log("鼠標(biāo)滾輪!");

　　}

　　}

　　<bodyonmousedown="whichButton(event)">

　　<p>請在文檔中點(diǎn)擊鼠標(biāo)。一個消息框會提示出您點(diǎn)擊了哪個鼠標(biāo)按鍵。</p>

　　<scripttype="text/javascript">

　　functionwhichButton(event){

　　varbtnNum=event.button;

　　if(btnNum==2){

　　alert("您點(diǎn)擊了鼠標(biāo)右鍵！")

　　}elseif(btnNum==0){

　　alert("您點(diǎn)擊了鼠標(biāo)左鍵！")

　　}elseif(btnNum==1){

　　alert("您點(diǎn)擊了鼠標(biāo)中鍵！");

　　}else{

　　alert("您點(diǎn)擊了"+btnNum+"號鍵，我不能確定它的名稱。");

　　}

　　}

　　</script>

　　</body>

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