原生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 实现的点击复制代码
Mar 24 Javascript
JavaScript学习笔记之获取当前目录的实现代码
Dec 14 Javascript
Extjs中使用extend(js继承) 的代码
Mar 15 Javascript
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
Mar 07 Javascript
原生js实现jquery函数animate()动画效果的简单实例
Aug 21 Javascript
微信小程序 Canvas增强组件实例详解及源码分享
Jan 04 Javascript
angular.fromJson与toJson方法用法示例
May 17 Javascript
JS实现移动端整屏滑动的实例代码
Nov 10 Javascript
node.js基于socket.io快速实现一个实时通讯应用
Apr 23 Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
vue elementUI批量上传文件
Apr 26 Vue.js
纯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+DBM的同学录程序(3)
2006/10/09 PHP
解析PHP中的正则表达式以及模式匹配
2013/06/19 PHP
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
2009/10/29 Javascript
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
jQuery的live()方法对hover事件的处理示例
2014/02/27 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
浅谈jquery高级方法描述与应用
2016/10/04 Javascript
jquery表单插件form使用方法详解
2017/01/20 Javascript
js图片上传的封装代码
2017/08/01 Javascript
微信小程序下拉框功能的实例代码
2018/11/06 Javascript
JS实现判断有效的数独算法示例
2019/02/25 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
说说如何使用Vuex进行状态管理(小结)
2019/04/14 Javascript
详解在Angular4中使用ng2-baidu-map的方法
2019/06/19 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
2019/10/25 Javascript
VUE.js实现动态设置输入框disabled属性
2019/10/28 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
2020/10/27 Javascript
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
[56:57]LGD vs VP 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第一场 8.20.mp4
2019/08/22 DOTA
详细探究Python中的字典容器
2015/04/14 Python
python判断一个集合是否为另一个集合的子集方法
2018/05/04 Python
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
对python条件表达式的四种实现方法小结
2019/01/30 Python
详解Python读取yaml文件多层菜单
2019/03/23 Python
用pytorch的nn.Module构造简单全链接层实例
2020/01/14 Python
lululemon美国官网:瑜伽服+跑步装备
2018/11/16 全球购物
莫斯科购买书籍网站:Book24
2020/01/12 全球购物
骨干教师考核方案
2014/05/09 职场文书
经营理念口号
2014/06/21 职场文书
2014年幼儿园重阳节活动方案
2014/09/16 职场文书
2014年幼儿园安全工作总结
2014/11/10 职场文书
师德标兵事迹材料
2014/12/19 职场文书
高中军训感想
2015/08/07 职场文书
新兵入伍决心书
2015/09/22 职场文书
tomcat默认最大连接数及相关调整方法
2022/05/06 Servers