原生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 相关文章推荐
Prototype源码浅析 String部分(三)之HTML字符串处理
Jan 15 Javascript
js 有框架页面跳转(target)三种情况下的应用
Apr 09 Javascript
对于jQuery性能的一些优化建议
Aug 13 Javascript
jQuery点击输入框显示验证码图片
May 19 Javascript
JavaScript实现简单的拖动效果
Jul 02 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
JavaScript简介_动力节点Java学院整理
Jun 26 Javascript
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
详解使用React进行组件库开发
Feb 06 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
Aug 24 Javascript
vue+iview 兼容IE11浏览器的实现方法
Jan 07 Javascript
vuex vue简单使用知识点总结
Aug 29 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
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
php使用curl访问https示例分享
2014/01/17 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
PHP中生成UUID自定义函数分享
2015/06/10 PHP
Yii数据库缓存实例分析
2016/03/29 PHP
Mac下php 5升级到php 7的步骤详解
2017/04/26 PHP
javascript 全角转换实现代码
2009/07/17 Javascript
js获取元素在浏览器中的绝对位置
2010/07/24 Javascript
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
2013/12/05 Javascript
jQuery子窗体取得父窗体元素的方法
2015/05/11 Javascript
利用BootStrap弹出二级对话框的简单实现方法
2016/09/21 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
Vuex模块化实现待办事项的状态管理
2017/03/15 Javascript
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
jQuery动态操作表单示例【基于table表格】
2018/12/06 jQuery
原生js实现瀑布流效果
2020/03/09 Javascript
Python计算已经过去多少个周末的方法
2015/07/25 Python
python文件名和文件路径操作实例
2017/09/29 Python
Python装饰器模式定义与用法分析
2018/08/06 Python
Python 打印中文字符的三种方法
2018/08/14 Python
Python列表(List)知识点总结
2019/02/18 Python
Python机器学习算法库scikit-learn学习之决策树实现方法详解
2019/07/04 Python
详解pandas获取Dataframe元素值的几种方法
2020/06/14 Python
keras K.function获取某层的输出操作
2020/06/29 Python
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
2014/10/10 HTML / CSS
英国护发和美妆在线商店:Klip Shop
2019/03/24 全球购物
Koral官方网站:女性时尚运动服
2019/04/10 全球购物
什么是Rollback Segment
2013/04/22 面试题
暑假实习求职信范文
2013/09/22 职场文书
旅游专业职业生涯规划范文
2014/01/13 职场文书
消防安全管理制度
2014/02/01 职场文书
材料物理专业求职信
2014/09/01 职场文书
通知的写法
2015/04/23 职场文书
生产实习心得体会范文
2016/01/22 职场文书
MySQL中datetime时间字段的四舍五入操作
2021/10/05 MySQL