網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>綜合其它特效代碼>

JavaScript檢測鼠標(biāo)左右鍵點擊動作_綜合其它特效

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

<div id="mouse2" style="width:500px;height:200px;background:#E8FFE8;border:2px solid #336699;">
請在此點擊，測試左、中、右鼠標(biāo)鍵是否點擊，并激活綁定函數(shù)
</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

[收藏][報錯][返回列表]

相關(guān)綜合其它特效：

JavaScript檢測鼠標(biāo)左右鍵點擊動作_綜合其它特效

綜合其它特效Rss訂閱特效代碼搜索

綜合其它特效推薦

猜你也喜歡看這些