原生js实现跨浏览器获取鼠标按键的值
更新时间：2013年04月08日 11:16:45 作者：
e.button W3C是获取鼠标按键 0 表示左键 1表示中键 2表示右键 而IE浏览器则是 1表示左键 4表示中间 2表示右键 这里的IE浏览器主要是IE8以下的浏览器，感兴趣的朋友可以参考下哈
复制代码 代码如下:
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是代表没有按下鼠标键的时候所返回来的值
};
};
};
相关文章
这篇文章主要介绍了JS获取Table中td值的方法,实例分析了javascript操作table中td的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
本文主要介绍了JavaScript双向链表实现LFU缓存算法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
这篇文章主要介绍了js判断是否为ie的方法，有需要的朋友可以参考一下2014-01-01
这篇文章主要为大家详细介绍了js实现轮播图特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
这篇文章主要介绍了bootstrap-table.js扩展分页工具栏，增加跳转到xx页功能，由于小编的水平停留在dom级，此次扩展只支持页面上的表格，如果大家有好的建议欢迎提出2017-12-12
JavaScript 的管道是一个运算符，写作|>，它的左边是一个表达式，右边是一个函数，这篇文章主要介绍了ES6中的管道运算符，需要的朋友可以参考下2023-05-05
这篇文章主要介绍了利用javascript获取xml节点的最大值。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
解决前端接收 type:"application/octet-stream" 格
前端接收 type: “application/octet-stream“ 格式的数据并下载,还有后端既返回octet-stream还返回JSON数据时的处理方法,今天给大家分享前端接收 type:"application/octet-stream" 格式的数据并下载(解决后端返回不唯一问题)的解决方案,感兴趣的朋友一起看看吧2023-12-12
泛型是静态类型语言的基本特征，允许将类型作为参数传递给另一个类型、函数、或者其他结构。TypeScript 支持泛型作为将类型安全引入组件的一种方式。这些组件接受参数和返回值，其类型将是不确定的，直到它在代码中被使用2022-10-10
event.keyCode键码值表 附只能输入特定的字符串代码
非常不错的应用，让文本框里只能输入money大家看下具体的实现代码，真是只有想到，原理很简单。2009-05-05
最新评论