原生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 相关文章推荐
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
Mar 03 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
js QQ客服悬浮效果实现代码
Dec 12 Javascript
javascript常用的方法整理
Aug 20 Javascript
基于jQuery实现多层次的手风琴效果附源码
Sep 21 Javascript
javascript实现用户点击数量统计
Dec 25 Javascript
深入理解JavaScript继承的多种方式和优缺点
May 12 Javascript
微信小程序实现验证码获取倒计时效果
Feb 08 Javascript
JavaScript如何对图片进行黑白化
Apr 10 Javascript
深入探讨JavaScript的最基本部分之执行上下文
Feb 12 Javascript
细说Vue组件的服务器端渲染的过程
May 30 Javascript
vue中input的v-model清空操作
Sep 06 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
linux iconv方法的使用
2011/10/01 PHP
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
JQuery 操作/获取table具体代码
2013/06/13 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
node.js中的path.extname方法使用说明
2014/12/09 Javascript
jquery事件的ready()方法使用详解
2015/11/11 Javascript
Boostrap模态窗口的学习小结
2016/03/28 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
easy ui datagrid 从编辑框中获取值的方法
2017/02/22 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
JavaScript编程设计模式之构造器模式实例分析
2017/10/25 Javascript
bootstrap select2插件用ajax来获取和显示数据的实例
2018/08/09 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
jQuery实现上下滚动公告栏详细代码
2018/11/21 jQuery
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
详解vue更改头像功能实现
2019/04/28 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
微信小程序监听用户登录事件的实现方法
2019/11/11 Javascript
node 版本切换的实现
2020/02/02 Javascript
详解在Vue.js编写更好的v-for循环的6种技巧
2020/04/14 Javascript
js抽奖转盘实现方法分析
2020/05/16 Javascript
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
python 文件和路径操作函数小结
2009/11/23 Python
Python中使用Inotify监控文件实例
2015/02/14 Python
python通过装饰器检查函数参数数据类型的方法
2015/03/13 Python
flask中主动抛出异常及统一异常处理代码示例
2018/01/18 Python
Python安装lz4-0.10.1遇到的坑
2018/05/20 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
Pandas的数据过滤实现
2021/01/15 Python
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
北美最大的参茸药食商城:德成行
2020/12/06 全球购物
酒店管理毕业生自荐信
2013/10/24 职场文书
放飞梦想演讲稿200字
2014/08/26 职场文书
互联网创业商业模式以及赚钱法则有哪些?
2019/10/12 职场文书