原生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 html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
添加JavaScript重载函数的辅助方法2
Jul 04 Javascript
基于jquery的划词搜索实现(备忘)
Sep 14 Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 Javascript
jquery中animate动画积累的解决方法
Oct 05 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
Dec 04 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
Mar 01 Javascript
JavaScript享元模式原理与用法实例详解
Mar 09 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
Mar 23 Javascript
微信小程序实现点赞业务
Feb 10 Javascript
JavaScript实现酷炫的鼠标拖尾特效
Feb 18 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
4.与数据库的连接
2006/10/09 PHP
一些PHP Coding Tips(php小技巧)[2011/04/02最后更新]
2011/05/02 PHP
浅谈PHP面向对象之访问者模式+组合模式
2017/05/22 PHP
php如何修改SESSION的生存存储时间的实例代码
2017/07/05 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
PHP实现Snowflake生成分布式唯一ID的方法示例
2020/08/30 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
2007/07/11 Javascript
豆瓣网的jquery代码实例
2008/06/15 Javascript
JS跨域代码片段
2012/08/30 Javascript
关闭页面时window.location事件未执行的原因分析及解决方案
2014/09/01 Javascript
jQuery取消ajax请求的方法
2015/06/09 Javascript
jquery插件splitScren实现页面分屏切换模板特效
2015/06/16 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
2016/05/31 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
JavaScript实现简单的日历效果
2016/09/25 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
Javascript实现异步编程的过程
2018/06/18 Javascript
React学习之受控组件与数据共享实例分析
2020/01/06 Javascript
vue 动态生成拓扑图的示例
2021/01/03 Vue.js
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
浅析Python中else语句块的使用技巧
2016/06/16 Python
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
python距离测量的方法
2018/03/06 Python
python批量设置多个Excel文件页眉页脚的脚本
2018/03/14 Python
Python3实现购物车功能
2018/04/18 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
python map比for循环快在哪
2020/09/21 Python
python按照list中字典的某key去重的示例代码
2020/10/13 Python
python实现简单猜单词游戏
2020/12/24 Python
幼师求职自荐信范文
2014/01/26 职场文书
农村党支部承诺书
2015/04/30 职场文书
Java多线程并发FutureTask使用详解
2022/06/28 Java/Android