マウスの左右ボタンと中ボタンのイベントをjsで判断します.

1195 ワード

三次元シーンでは、マウスのイベントを判断する必要がある場合がありますが、最近は一例のため、マウスの左ボタンと右ボタンが異なるイベントを判断する必要があります.最初に使用したのはclickです.マウスの左ボタンだけが有効で、右ボタンが無効です.その後、いくつかの資料を探しました.詳しくはw 3 cの資料を見てください.
まず、onmousedownバインディングwindowイベントが必要です.
window.addEventListener('mousedown', onMouseDown, false);
その後、mousedownの値を判断し、イベント属性は整数を返し、イベントがトリガされた時にどのマウスボタンがクリックされるかを示す.button:イベントがトリガされた場合、どのマウスボタンがクリックされますか?パラメータ記述:-:0|はマウスの左ボタン1|に規定されています.マウスの中ボタン2|はマウスの右ボタンを規定しています.
function onMouseDown(event){

	if (event.button == 0) {

         console.log("    !")

     }else if (event.button == 2){

         console.log("    !");

     }else if(event.button == 1){

         console.log("    !");

     }
}
w 3 cの例



function whichButton(event)
{
var btnNum = event.button;
if (btnNum==2)
  {
  alert("        !")
  }
else if(btnNum==0)
  {
  alert("        !")
  }
else if(btnNum==1)
  {
  alert("        !");
  }
else
  {
  alert("    " + btnNum+ "  ,         。");
  }
}




。 。