原生js实现跨浏览器获取鼠标按键的值_javascript技巧
程序员文章站
2022-04-09 23:25:25
...
复制代码 代码如下:
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是代表没有按下鼠标键的时候所返回来的值
};
};
};
推荐阅读
-
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)_javascript技巧
-
JS获取键盘上任意按键的值(实例代码)_javascript技巧
-
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)_javascript技巧
-
JS获取键盘上任意按键的值(实例代码)_javascript技巧
-
jquery及原生js获取select下拉框选中的值示例_javascript技巧
-
js获取鼠标点击的位置实现思路及代码_javascript技巧
-
js中各浏览器中鼠标按键值的差异_javascript技巧
-
Js与Jq获取浏览器和对象值的方法_javascript技巧
-
js 获取和设置css3 属性值的实现方法_javascript技巧
-
js中各浏览器中鼠标按键值的差异_javascript技巧