码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标按钮的兼容性

时间:2015-09-05 19:15:00      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload=function(){
document.onmousedown=function(event){
// alert(getButton(event));
if(getButton(event)==0)alert("左键");
if(getButton(event)==1)alert("中键");
if(getButton(event)==2)alert("右键");
};
};


/* window.event这个属性是支持IE浏览器的,Chrome也是支持的,如果都支持,就已W3C为准 */

function getButton(event){
var e=event||window.event; //event的兼容性
if(event){ //如果支持,就直接返回
return e.button;
}else if(window.event){ //如果不支持,就执行以下程序
switch (e.button){
case 1: //1表示是IE的左键
return 0; //非IE(W3C)中的属性,0表示左键
case 4: //4表示是IE的中键
return 1; //非IE(W3C)中的属性,1表示中键
case 2: //2表示是IE的右键
return 2; //非IE(W3C)中的属性,2表示右键
case 0: // 360浏览器0表示右键
return 2; //非IE(W3C)中的属性,2表示右键
}
}
}

</script>
</head>
<body>

</body>
</html>

鼠标按钮的兼容性

标签:

原文地址:http://www.cnblogs.com/zsy0712/p/4783541.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!