原生js实现跨浏览器获取鼠标按键的值
更新时间：2013年04月08日 11:16:45 作者：
e.button W3C是获取鼠标按键 0 表示左键 1表示中键 2表示右键 而IE浏览器则是 1表示左键 4表示中间 2表示右键 这里的IE浏览器主要是IE8以下的浏览器，感兴趣的朋友可以参考下哈
复制代码 代码如下:
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是代表没有按下鼠标键的时候所返回来的值
};
};
};
相关文章
这篇文章主要为大家详细介绍了JavaScript实现10秒后再次获取验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
基于javascript实现浏览器滚动条快到底部时自动加载数据
这篇文章主要介绍了基于javascript实现浏览器滚动条快到底部时自动加载数据的相关资料,需要的朋友可以参考下2015-11-11
探讨：JavaScript ECAMScript5 新特性之get/set访问器
这篇文章主要介绍了探讨：JavaScript ECAMScript5 新特性之get/set访问器 的相关资料,需要的朋友可以参考下2016-05-05
这篇文章主要为大家详细介绍了js实现图片轮播切换效果，图片自动轮播切换、点击上下键图片切换上下图片等，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
做输入校验的时候如果你前端框架用的是bootstrap的话，首推bootstrapValidator校验方式，下面通过本文给大家分享下校验流程，一起看看吧2016-12-12
本篇文章主要介绍了微信小程序图片选择区域屏裁剪实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
本文是对js中字母大小写转换的实现方法进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
typescript+react实现移动端和PC端简单拖拽效果
这篇文章主要为大家详细介绍了typescript+react实现移动端和PC端简单拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
下面的代码是从实际项目中AJAX的回调部分 copy 出来的，使用了JS的递归，文本格式为JSON2010-05-05
本文主要介绍了图片懒加载插件，函数节流的应用以及函数节流具体的好处、常用的场景。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
最新评论