javascript如何確定是點選的滑鼠右鍵、左鍵還是中鍵
本章節介紹一下,當使用滑鼠進行點選操作的時候,如何能夠確切的知道到底是點選的哪個按鍵。
當前的滑鼠通常情況下具有三個鍵(當然也有很多滑鼠不止這三個鍵),左右鍵和中鍵。
下面就通過程式碼例項做一下演示:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div{ width:200px; height:100px; background-color:#639; margin:0px auto; } #show{ background-color:#FFF; text-align:center; height:30px; } </style> <script type="text/javascript"> window.onload=function(){ var odiv=document.getElementById("antzone"); var oshow=document.getElementById("show"); var ie = ! + "\v1"; odiv.onmousedown=function(ev){ var ev=ev||event; if(ie){ if(ev.button==1){ oshow.innerHTML="滑鼠左鍵"; }else if(ev.button==4){ oshow.innerHTML="滑鼠中鍵"; }else{ oshow.innerHTML="滑鼠右鍵"; } } else{ if(ev.button==0){ oshow.innerHTML="滑鼠左鍵"; }else if(ev.button==1){ oshow.innerHTML="滑鼠中鍵"; }else{ oshow.innerHTML="滑鼠右鍵"; } } } } </script> </head> <body> <div id="show"></div> <div id="antzone"></div> </body> </html>
上面的程式碼實現了我們的要求,點選滑鼠的時候,能夠確切瞭解到點選的是哪個鍵。
相關閱讀:
1.關於事件物件的button屬性可以參閱javascript button一章節。
相關文章
- 獲取滑鼠左鍵點選 creator 3.8
- jquery實現的右鍵滑鼠點選事件jQuery事件
- javascript右鍵選單JavaScript
- 滑鼠左鍵按下去沒反應右鍵正常怎麼辦 滑鼠左鍵出現問題怎麼解決
- 滑鼠右鍵點選事件簡單介紹事件
- win10右鍵選單顯示在左邊怎麼辦 win10滑鼠右鍵出現在左邊如何恢復Win10
- blender 模擬三鍵滑鼠 alt+滑鼠左鍵 代替 中鍵 旋轉檢視,shift+alt+左鍵 平移檢視
- 如何使用jQuery禁用滑鼠右鍵jQuery
- 網頁如何禁止滑鼠右鍵網頁
- 滑鼠右鍵沒反應怎麼處理 滑鼠右鍵點了沒反應
- win10雙擊變成了右鍵怎麼辦 win10滑鼠左鍵變右鍵怎麼辦Win10
- win10右鍵選單出現左邊如何恢復到右邊_win10右鍵選單在左邊怎麼改回右邊Win10
- Win10系統滑鼠右鍵選單在左邊顯示如何恢復到右邊Win10
- 右鍵選單中的文字文件新增快捷鍵
- ArcGIS API for Silverlight開發中滑鼠左鍵點選地圖上的點彈出視窗及右鍵點選彈出快捷選單的實現程式碼API地圖
- Win10 2004系統滑鼠右鍵選單跑到左邊瞭如何解決Win10
- 遮蔽滑鼠右鍵選單例項程式碼單例
- js如何對標籤有選擇性的禁用滑鼠右鍵JS
- win10怎麼修改滑鼠右鍵 win10如何修改滑鼠右鍵裡面的內容Win10
- win10滑鼠右鍵沒反應怎麼處理 修復右鍵點選桌面沒東西的方法Win10
- 電腦點選右鍵控制皮膚沒反應怎麼回事_滑鼠右鍵控制皮膚沒反應如何解決
- JavaScript滑鼠中鍵滾動事件JavaScript事件
- 滑鼠右鍵選單欄東西太多怎麼辦 右鍵選單怎麼編輯調整
- win10滑鼠右鍵選單欄怎麼改 刪除右鍵選單欄無用選項的方法Win10
- 將自已的程式加到滑鼠右鍵選單裡(轉)
- MarkdownFile新建新增到滑鼠右鍵
- 禁止網頁使用滑鼠右鍵網頁
- JavaScript自定義右鍵選單詳解JavaScript
- javascript自定義右鍵選單程式碼JavaScript
- 如何管理win10右鍵新建選單_win10如何清理右鍵新建選單Win10
- win10右鍵卡頓怎麼辦_win10滑鼠右鍵卡頓如何解決Win10
- 管理右鍵選單
- 左鍵彈出選單
- win10怎麼刪除右鍵多餘選項 怎麼把滑鼠右鍵不用的選項刪除掉Win10
- win10桌面右鍵選單清理的方法_如何清理win10桌面右鍵選單Win10
- 沒有滑鼠Mac怎麼調出右鍵選單Mac
- windows滑鼠右鍵選單新增檔案-開啟方式Windows
- windows10滑鼠右鍵新建怎麼設定_win10滑鼠右鍵新建的設定方法WindowsWin10