原生js实现跨浏览器获取鼠标按键的值
原生js实现跨浏览器获取鼠标按键的值
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:document.onmousedown=function(e){alert(getButton(e))//e.butto...

复制代码 代码如下:

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教程学习
编程开发子分类