JavaScript检测鼠标左右键点击动作

2024-09-05 12:22:17

字体：大中小

来源：转载

供稿：网友

JavaScript检测鼠标左右键点击动作，在第一个DIV里点击鼠标，可以测试出左、中、右鼠标键是否点击，并激活绑定的函数，这是一个JavaScript鼠标事件的示例程序，希望在以后的JS编程中会对您有所启发。

<div id="mouse2" style="width:500px;height:200px;background:#E8FFE8;border:2px solid #336699;">请在此点击，测试左、中、右鼠标键是否点击，并激活绑定函数</div><br /><div 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获取适时获取鼠标坐标值并显示

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注