原生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 相关文章推荐
JS:window.onload的使用介绍
Nov 13 Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 Javascript
jQuery ajax调用WCF服务实例
Jul 16 Javascript
jQuery实现炫酷的鼠标轨迹特效
Feb 01 Javascript
jQuery内容过滤选择器用法分析
Feb 10 Javascript
使用Node.js实现HTTP 206内容分片的教程
Jun 23 Javascript
JQuery 的跨域方法推荐_可跨任何网站
May 18 Javascript
Highcharts入门之简介
Aug 02 Javascript
jquery网页日历显示控件calendar3.1使用详解
Nov 24 Javascript
微信小程序数据存储与取值详解
Jan 30 Javascript
react-native使用leanclound消息推送的方法
Aug 06 Javascript
JavaScript实现简单贪吃蛇效果
Mar 09 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中让上传的文件大小在上传前就受限制的两种解决方法
2013/06/24 PHP
php引用传值实例详解学习
2013/11/06 PHP
PHP单例模式详细介绍
2015/07/01 PHP
php opendir()列出目录下所有文件的实例代码
2016/10/02 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
ThinkPHP5&5.1框架关联模型分页操作示例
2019/08/03 PHP
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
JQueryEasyUI datagrid框架的进阶使用
2013/04/08 Javascript
JS 修改URL参数(实现代码)
2013/07/08 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
2014/08/27 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
详细分析使用AngularJS编程中提交表单的方式
2015/06/19 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
JavaScript电子时钟倒计时第二款
2016/01/10 Javascript
Javascript中的几种继承方式对比分析
2016/03/22 Javascript
javascript模块化简单解析
2016/04/07 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
JS设置时间无效问题的解决办法
2017/02/18 Javascript
AngularJS路由Ui-router模块用法示例
2017/05/29 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
2019/05/03 Javascript
微信小程序云开发(数据库)详解
2019/05/17 Javascript
JavaScript判断浏览器运行环境的详细方法
2019/06/30 Javascript
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
大学毕业生个人自荐信范文
2014/01/08 职场文书
教师辞职报告范文
2014/01/20 职场文书
大学生活自我评价
2014/04/09 职场文书
中学生旷课检讨书500字
2014/10/29 职场文书
办公室主任个人总结
2015/02/28 职场文书
“5.12”护士节主持词
2015/07/04 职场文书
煤矿施工安全协议书
2016/03/22 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
2021/08/07 HTML / CSS