JavaScript檢測(cè)鼠標(biāo)左右鍵點(diǎn)擊動(dòng)作

2024-09-05 12:22:17

字體：大中小

供稿：網(wǎng)友

JavaScript檢測(cè)鼠標(biāo)左右鍵點(diǎn)擊動(dòng)作，在第一個(gè)DIV里點(diǎn)擊鼠標(biāo)，可以測(cè)試出左、中、右鼠標(biāo)鍵是否點(diǎn)擊，并激活綁定的函數(shù)，這是一個(gè)JavaScript鼠標(biāo)事件的示例程序，希望在以后的JS編程中會(huì)對(duì)您有所啟發(fā)。

<div   class="kgi2wag"   id="mouse2" style="width:500px;height:200px;background:#E8FFE8;border:2px solid #336699;">請(qǐng)?jiān)诖它c(diǎn)擊，測(cè)試左、中、右鼠標(biāo)鍵是否點(diǎn)擊，并激活綁定函數(shù)</div><br /><div   class="oowe20a"   id="explanation2" style="width:500px;border:2px solid #336699;"> </div><script type="text/javascript">   var mouseEvent = function(){    var arg = arguments[0],    el = arg.el || document,    leftfn = arg.left || function(){},    rightfn = arg.right || function(){},    middlefn = arg.middle || function(){},    buttons = {};    el.onmousedown = function(e){      e = e || window.event;      if(!+"/v1"){        switch(e.button){          case 1:buttons.left = true; break;          case 2:buttons.right = true; break;          case 4:buttons.middle = true; break;        }      }else{        switch(e.which){          case 1:buttons.left = true;break;          case 2:buttons.middle = true; break;          case 3:buttons.right = true;break;        }      }      if(buttons.left){        leftfn();      }else if(buttons.middle){        middlefn();      }else if(buttons.right){        rightfn();      }      buttons = {        "left":false,        "middle":false,        "right":false      };    }  }  var checkeventbutton = function(){    var el = document.getElementById("mouse2");    var ex = document.getElementById("explanation2");    var left = function(){      ex.innerHTML = "左鍵已按下";    }    var middle = function(){      ex.innerHTML = "中鍵已按下";    }    var right = function(){      ex.innerHTML = "右鍵已按下";    }    mouseEvent({el:el,left:left,middle:middle,right:right});  }  window.onload = function(){    checkeventbutton();  };</script>

上一篇：JavaScript獲取鼠標(biāo)移動(dòng)的方向

下一篇：Js獲取適時(shí)獲取鼠標(biāo)坐標(biāo)值并顯示