鼠标按钮的兼容性

<!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>
posted @ 2015-09-05 17:32  淡紫色鍀薰衣草  阅读(325)  评论(0编辑  收藏  举报