原生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实现下拉菜单效果的代码
Jul 25 Javascript
JS中数组Array的用法示例介绍
Feb 20 Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
Dec 05 Javascript
最后说说Vue2 SSR 的 Cookies 问题
May 25 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 Javascript
一篇文章带你浅入webpack的DLL优化打包
Feb 20 Javascript
Vue深入理解插槽slot的使用
Aug 05 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通用分页类page.php[仿google分页]
2008/08/31 PHP
PHP下通过file_get_contents的代理使用方法
2011/02/16 PHP
php中定时计划任务的实现原理
2013/01/08 PHP
基于PHP array数组的教程详解
2013/06/05 PHP
php5.4以上版本GBK编码下htmlspecialchars输出为空问题解决方法汇总
2015/04/03 PHP
Django中的cookie与session操作实例代码
2017/08/17 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
PHP 范围解析操作符(::)用法分析【访问静态成员和类常量】
2020/04/14 PHP
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
Javascript new Date().valueOf()的作用与时间戳由来详解
2013/04/24 Javascript
node-http-proxy修改响应结果实例代码
2016/06/06 Javascript
总结javascript中的六种迭代器
2016/08/16 Javascript
Bootstrap和Java分页实例第一篇
2016/12/23 Javascript
详解vue 组件之间使用eventbus传值
2017/10/25 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
2017/12/11 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
2019/01/15 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
2019/06/05 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
2019/08/17 Javascript
简单了解Vue + ElementUI后台管理模板
2020/04/07 Javascript
Vue两种组件类型:递归组件和动态组件的用法
2020/08/06 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
[51:05]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第一局
2016/03/06 DOTA
python简单的函数定义和用法实例
2015/05/07 Python
Python实现连接两个无规则列表后删除重复元素并升序排序的方法
2018/02/05 Python
python中返回矩阵的行列方法
2018/04/04 Python
Python Django模板之模板过滤器与自定义模板过滤器示例
2019/10/18 Python
python批量处理txt文件的实例代码
2020/01/13 Python
python-sys.stdout作为默认函数参数的实现
2020/02/21 Python
浅析python函数式编程
2020/09/26 Python
洛杉矶生活休闲而精致的基础品牌:Mika Jaymes
2018/01/07 全球购物
化工专业应届生求职信
2013/11/08 职场文书
考博专家推荐信模板
2013/12/02 职场文书
运动会解说词50字
2014/01/18 职场文书
运动会演讲稿50字
2014/08/25 职场文书
2014年财务人员工作总结
2014/11/11 职场文书
2019消防宣传标语!
2019/07/10 职场文书