JavaScript檢測鼠標左右鍵點擊動作

2024-09-05 12:22:17

字體：大中小

來源：轉載

供稿：網友

JavaScript檢測鼠標左右鍵點擊動作，在第一個DIV里點擊鼠標，可以測試出左、中、右鼠標鍵是否點擊，并激活綁定的函數，這是一個JavaScript鼠標事件的示例程序，希望在以后的JS編程中會對您有所啟發。

<div   class="70qarhlowxag"   id="mouse2" style="width:500px;height:200px;background:#E8FFE8;border:2px solid #336699;">請在此點擊，測試左、中、右鼠標鍵是否點擊，并激活綁定函數</div><br /><div   class="70qarhlowxag"   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獲取鼠標移動的方向

下一篇：Js獲取適時獲取鼠標坐標值并顯示