js鼠标左右键 键盘值小结

JavaScript021

js鼠标左右键 键盘值小结,第1张

复制代码

代码如下:

function

test()

{

alert(event.x+"

"+event.y)

alert(event.button)

}

/*右键菜单不显示*/

document.oncontextmenu=function()

{

return

false

}

/*document.onmousedown=function()

{

if(event.button==1)

{alert("left")}

if(event.button==2)

{alert("right")}

}*/

document.onkeydown=function()

{

alert(event.keyCode)

}

</script>

event.x

鼠标横轴

event.y

鼠标纵轴

event.keycode

键盘值

events.button==0

默认。没有按任何按钮。

events.button==1

鼠标左键

events.button==2

鼠标右键

events.button==3

鼠标左右键同时按下

events.button==4

鼠标中键

events.button==5

鼠标左键和中键同时按下

events.button==6

鼠标右键和中键同时按下

events.button==7

所有三个键都按下

event.button判断鼠标点击

window.onmousedown=function(evt){

evt=event || window.event

console.log(evt.button)==>0(鼠标左键),1(鼠标中键),2(鼠标右键)

}

可用event.button判断;当其值为‘2’时 点击了鼠标右键,0为鼠标左键,1为滑轮

以下为w3c js手册里给出的实例

<html>

<head>

<script type="text/javascript">

function whichButton(event)

{

var btnNum = event.button

if (btnNum==2)

{

alert("您点击了鼠标右键!")

}

else if(btnNum==0)

{

alert("您点击了鼠标左键!")

}

else if(btnNum==1)

{

alert("您点击了鼠标中键!")

}

else

{

alert("您点击了" + btnNum+ "号键,我不能确定它的名称。")

}

}

</script>

</head>

<body onmousedown="whichButton(event)">

<p>请在文档中点击鼠标。一个消息框会提示出您点击了哪个鼠标按键。</p>

</body>

</html>