原生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:void(0)使用探讨
Aug 27 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
Oct 11 Javascript
javascript 数组去重复(在线去重工具)
Dec 17 Javascript
AngularJS实现页面定时刷新
Mar 14 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
Sep 26 Javascript
Three.js基础学习教程
Nov 16 Javascript
Bootstrap modal只加载一次数据的解决办法(推荐)
Nov 24 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
2.PHP入门
2006/10/09 PHP
PHP中让curl支持sock5的代码实例
2015/01/21 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
PHP中md5()函数的用法讲解
2019/03/30 PHP
ext 同步和异步示例代码
2009/09/18 Javascript
js汉字转拼音实现代码
2013/02/06 Javascript
javascript基础之查找元素的详细介绍(访问节点)
2013/07/05 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
2015/11/15 Javascript
jQuery获取table行数并输出单元格内容的实现方法
2016/06/30 Javascript
原生js编写基于面向对象的分页组件
2016/12/05 Javascript
node.js学习之交互式解释器REPL详解
2016/12/08 Javascript
React Navigation 使用中遇到的问题小结
2018/05/08 Javascript
基于vue展开收起动画的示例代码
2018/07/05 Javascript
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
微信小程序实现手势滑动卡片效果
2019/08/26 Javascript
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
python3.3教程之模拟百度登陆代码分享
2014/01/16 Python
python中sys.argv函数精简概括
2018/07/08 Python
Python 实现两个列表里元素对应相乘的方法
2018/11/14 Python
解决使用PyCharm时无法启动控制台的问题
2019/01/19 Python
利用Python实现微信找房机器人实例教程
2019/03/10 Python
Python3中的最大整数和最大浮点数实例
2019/07/09 Python
详解Python中import机制
2020/09/11 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
python opencv实现图像配准与比较
2021/02/09 Python
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
英国伦敦的睡衣品牌:Asceno
2019/10/06 全球购物
香港士多网上超级市场:Ztore
2021/01/09 全球购物
专科应届生求职信
2013/11/24 职场文书
应届毕业生求职信范例分享
2013/12/17 职场文书
优秀广告词大全
2014/03/19 职场文书
我爱我家教学反思
2014/05/01 职场文书
工人先进事迹材料
2014/12/26 职场文书
刑事撤诉申请书
2015/05/18 职场文书
撤诉申请怎么写
2015/05/19 职场文书
CSS+HTML 实现顶部导航栏功能
2021/08/30 HTML / CSS