原生js实现跨浏览器获取鼠标按键的值


Posted in Javascript onApril 08, 2013
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 相关文章推荐
Javascript日期对象的dateAdd与dateDiff方法
Nov 18 Javascript
Jquery 跨域访问 Lightswitch OData Service的方法
Sep 11 Javascript
js防止表单重复提交的两种方法
Sep 30 Javascript
js实现图片在未加载完成前显示加载中字样
Sep 03 Javascript
js实现照片墙功能实例
Feb 05 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
js实现网页图片延时加载 提升网页打开速度
Jan 26 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
基于js中style.width与offsetWidth的区别(详解)
Nov 12 Javascript
JavaScript实现获取select下拉框中第一个值的方法
Feb 06 Javascript
微信小程序npm引入vant-weapp的踩坑记录
Aug 01 Javascript
JavaScript Array对象基本方法详解
Sep 03 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 #Javascript
javascript中常用编程知识
Apr 08 #Javascript
利用webqq协议使用python登录qq发消息源码参考
Apr 08 #Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 #Javascript
JQueryEasyUI Layout布局框架的使用
Apr 08 #Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
Apr 08 #Javascript
JQueryEasyUI datagrid框架的基本使用
Apr 08 #Javascript
You might like
一个用php实现的获取URL信息的类
2007/01/02 PHP
mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别
2009/04/24 PHP
PHP常用特殊运算符号和函数总结(php新手入门必看)
2013/02/02 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
jquery在Chrome下获取图片的长宽问题解决
2013/03/20 Javascript
angular中使用路由和$location切换视图
2015/01/23 Javascript
Bootstrap表单Form全面解析
2016/06/13 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
2016/09/02 Javascript
前端开发必知的15个jQuery小技巧
2017/01/22 Javascript
详解express与koa中间件模式对比
2017/08/07 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
2018/09/13 Javascript
详解babel升级到7.X采坑总结
2019/05/12 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
简单介绍Python中的JSON使用
2015/04/28 Python
正确理解python中的关键字“with”与上下文管理器
2017/04/21 Python
python reduce 函数使用详解
2017/12/05 Python
Python最小二乘法矩阵
2019/01/02 Python
Python两台电脑实现TCP通信的方法示例
2019/05/06 Python
linux环境下安装python虚拟环境及注意事项
2020/01/07 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
浅谈python多线程和多线程变量共享问题介绍
2020/04/17 Python
如何在Anaconda中打开python自带idle
2020/09/21 Python
一款利用html5和css3实现的3D立方体旋转效果教程
2016/04/26 HTML / CSS
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
6PM官网:折扣鞋、服装及配饰
2018/08/03 全球购物
Christys’ Hats官网:英国帽子制造商
2018/11/28 全球购物
机电专业毕业生推荐信
2013/11/10 职场文书
材料物理专业个人求职信
2013/12/15 职场文书
实用求职信范文分享
2013/12/25 职场文书
竞选大队委员演讲稿
2014/04/28 职场文书
职业道德模范事迹材料
2014/08/24 职场文书
党支部党的群众路线对照检查材料
2014/09/24 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
Pandas||过滤缺失数据||pd.dropna()函数的用法说明
2021/05/14 Python