原生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 相关文章推荐
Extjs中ComboBox加载并赋初值的实现方法
Mar 22 Javascript
详解JavaScript中Date.UTC()方法的使用
Jun 12 Javascript
js流动式效果显示当前系统时间
May 16 Javascript
Node.js连接MongoDB数据库产生的问题
Feb 08 Javascript
js中new一个对象的过程
Feb 20 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
Sep 28 Javascript
vue的mixins属性详解
Mar 14 Javascript
微信小程序画布圆形进度条显示效果
Nov 17 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
Aug 31 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
Sep 27 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
Jul 18 Javascript
微信小程序纯文本实现@功能
Apr 08 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 ajax 静态分页过程形式
2011/09/02 PHP
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
PHP 获取远程文件大小的3种解决方法
2013/07/11 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
php简单防盗链实现方法
2015/07/29 PHP
php生成txt文件实例代码介绍
2016/04/28 PHP
PHP结合Ueditor并修改图片上传路径
2016/10/16 PHP
PHP数据库处理封装类实例
2016/12/24 PHP
jquery cookie插件代码类
2009/05/26 Javascript
招聘网站基于jQuery实现自动刷新简历
2015/05/10 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
jQuery实现基本动画效果的方法详解
2018/09/06 jQuery
vue如何解决循环引用组件报错的问题
2018/09/22 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
2018/10/22 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
2019/01/27 jQuery
JavaScript浅层克隆与深度克隆示例详解
2020/09/01 Javascript
vue 导航守卫和axios拦截器有哪些区别
2020/12/19 Vue.js
Python导入txt数据到mysql的方法
2015/04/08 Python
使用Python生成XML的方法实例
2017/03/21 Python
在python里面运用多继承方法详解
2019/07/01 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
python--shutil移动文件到另一个路径的操作
2020/07/13 Python
python连接mongodb数据库操作数据示例
2020/11/30 Python
浅谈html5 响应式布局
2014/12/24 HTML / CSS
澳大利亚宠物食品和药物在线:Jumbo Pets
2018/03/24 全球购物
Fox Racing英国官网:越野摩托车和山地自行车服装
2020/02/26 全球购物
反邪教标语
2014/06/23 职场文书
置业顾问岗位职责
2015/02/09 职场文书
应届毕业生自荐信
2015/03/04 职场文书
幼儿园教师自荐书
2015/03/06 职场文书
民主生活会主持词
2015/07/01 职场文书
社区服务活动感想
2015/08/11 职场文书
java objectUtils 使用可能会出现的问题
2022/02/28 Java/Android
Redis安装使用RedisJSON模块的方法
2022/03/23 Redis
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server