原生js 跨浏览器获取鼠标按键的值
2013-04-07 19:29
309 查看
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实现跨浏览器获取鼠标按键的值
- 原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
- js获取鼠标坐标位置兼容多个浏览器
- js中各浏览器中鼠标按键值的差异
- [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器
- JS获取按键的代码,Js如何屏蔽用户的按键,Js获取用户按键对应的ASII码(兼容所有浏览器)
- 原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
- js获取键盘按键响应事件(兼容各浏览器)
- 原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
- js获取鼠标位置杂谈附多浏览器兼容代码
- 多浏览器兼容的获取元素和鼠标的位置的js代码
- JS获取鼠标位置距浏览器窗口距离的方法示例
- 原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y【转】
- 原生js获取鼠标X、Y轴坐标
- 原生js实现shift/ctrl/alt按键的获取
- 原生JS 获取浏览器、窗口、元素等尺寸的方法及注意事项
- [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器
- js中各浏览器中鼠标按键值的差异