学习啦 > 学习电脑 > 电脑硬件知识 > 键盘鼠标 > 怎么实现js跨浏览器获取鼠标按键的值

怎么实现js跨浏览器获取鼠标按键的值

时间: 沈迪豪908 分享

怎么实现js跨浏览器获取鼠标按键的值

  学习前端的小伙么都要学习js,如果叫你通过js 跨浏览器获取鼠标按键的值你知道怎么做吗?不知道的话跟着学习啦小编一起来学习怎么通过js 跨浏览器获取鼠标按键的值。

  通过js 跨浏览器获取鼠标按键的值的方法

  document.onmousedown = function( e ){

  alert(getButton(e)) // e.button W3C是获取鼠标按键 0 表示左键 1表示中键 2表示右键

  而IE浏览器则是 1表示左键 4表示中间 2表示右键 这里的IE浏览器主要是IE8以下的浏览器

  };

  function getButton(e){

  /*

  1、window.event这个属性IE和Chrome都是支持的

  2、但是Chrome也是支持W3C的

  3、所以,如果说W3C和IE都支持的话,那么就已W3C做为标准化

  */

  if( e ){ // 作为第一次判断Chrome 就以W3C为标准了

  return e.button;

  }else if( window.event ){

  switch( window.event.button ){

  case 1 : return 0; // 返回鼠标左键的值

  case 4 : return 1; // 返回鼠标中键的值

  case 2 : return 2; // 返回鼠标右键的值

  case 0 : return 2; // 返回鼠标右键的值 主要是360浏览器会返回了 在IE浏览器中

  返回的0是代表没有按下鼠标键的时候所返回来的值

  };

  };

  };

js 跨浏览器获取鼠标按键的值相关文章:

1.jS获取鼠标坐标、获取鼠标像素点

2.怎么用js实现简单鼠标跟随效果

3.js怎么获取鼠标在div中的相对位置

1950381