JavaScript检测鼠标左右键点击动作_综合其它特效

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;">&nbsp;</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>

所属频道：综合其它特效/更新时间：2013-04-30

[收藏][报错][返回列表]

JavaScript检测鼠标左右键点击动作_综合其它特效

综合其它特效Rss订阅特效代码搜索

综合其它特效推荐

猜你也喜欢看这些