原生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 YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 Javascript
js 单击式的下拉菜单效果实例
Aug 13 Javascript
Jquery遍历checkbox获取选中项value值的方法
Feb 13 Javascript
chrome下jq width()方法取值为0的解决方法
May 26 Javascript
JS实现超简单的鼠标拖动效果
Nov 02 Javascript
jquery使用on绑定a标签无效 只能用live解决
Jun 02 Javascript
微信小程序 本地存储及登录页面处理实例详解
Jan 11 Javascript
使用JavaScript实现点击循环切换图片效果
Sep 03 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
vue.js自定义组件directives的实例代码
Nov 09 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 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
JpGraph php柱状图使用介绍
2011/08/23 PHP
编写安全 PHP应用程序的七个习惯深入分析
2013/06/08 PHP
php中的curl_multi系列函数使用例子
2014/07/29 PHP
JS Excel读取和写入操作(模板操作)实现代码
2010/04/11 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
JavaScript事件委托用法分析
2015/01/24 Javascript
7个有用的jQuery代码片段分享
2015/05/19 Javascript
js实现大转盘抽奖游戏实例
2015/06/24 Javascript
JQ实现新浪游戏首页幻灯片
2015/07/29 Javascript
JavaScript登录记住密码操作(超简单代码)
2017/03/22 Javascript
React中ES5与ES6写法的区别总结
2017/04/21 Javascript
jQuery实现表格冻结顶栏效果
2017/08/20 jQuery
详解bootstrap用dropdown-menu实现上下文菜单
2017/09/22 Javascript
Node之简单的前后端交互(实例讲解)
2017/11/14 Javascript
node.js 模块和其下载资源的镜像设置的方法
2018/09/06 Javascript
如何实现双向绑定mvvm的原理实现
2019/05/28 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
python学习笔记:字典的使用示例详解
2014/06/13 Python
从Python的源码来解析Python下的freeblock
2015/05/11 Python
python开发之str.format()用法实例分析
2016/02/22 Python
Python实现带百分比的进度条
2016/06/28 Python
numpy自动生成数组详解
2017/12/15 Python
Python设计模式之工厂模式简单示例
2018/01/09 Python
使用python将大量数据导出到Excel中的小技巧分享
2018/06/14 Python
Python装饰器使用你可能不知道的几种姿势
2019/10/25 Python
tensorflow将图片保存为tfrecord和tfrecord的读取方式
2020/02/17 Python
python制作微博图片爬取工具
2021/01/16 Python
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
伊芙丽官方旗舰店:中国淑女一线品牌
2017/12/01 全球购物
应用化学专业本科生求职信
2013/09/29 职场文书
网站开发实习生的自我评价
2013/12/11 职场文书
四风存在的原因分析
2014/02/11 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
授权委托书范文
2014/07/31 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
学校感恩节活动策划方案
2014/10/06 职场文书