您的位置：首页 > Web前端 > JavaScript

js 区分鼠标点的是左键还是右键以及屏蔽右键菜单

2011-11-11 23:09 393 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>鼠标键值的区分</title>

</head>

<body>

<div id="a">

event.button==0 默认。没有按任何按钮。<br />

event.button==1 鼠标左键 <br />

event.button==2 鼠标右键 <br />

event.button==3 鼠标左右键同时按下<br />

event.button==4 鼠标中键 <br />

event.button==5 鼠标左键和中键同时按下<br />

event.button==6 鼠标右键和中键同时按下 <br />

event.button==7 所有三个键都按下 <br />

event 要是这个在运行时报错的话就用这个window.event<br />

document.oncontextmenu=function(){return false;} 右键菜单不显示<br />

</div>

<script type="text/javascript">

var a = document.getElementById("a");

a.onmousedown=function(){

if(event.button == 1){

alert("按下鼠标左键");

}

if(event.button == 2){

alert("鼠标右键");

}

if(event.button == 3){

alert("鼠标左右键同时按");

}

if(event.button == 4){

alert("鼠标中键");

}

if(event.button == 5){

alert("鼠标左键和中键同时按下");

}

if(event.button == 6){

alert("鼠标右键和中键同时按下");

}

if(event.button == 7){

alert("所有三个键都按下");

}

}

</script>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航