js鼠标左右键 键盘值小结

JavaScript020

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判断;当其值为‘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>

http://www.jb51.net/article/71263.htm

1.document.activeElement:获取当前焦点所在的元素,用户敲击键盘时,这个元素可以获取键盘的事件。只读属性。在mac上只有input[type=text]和textarea可以被分配焦点。这个属性可以是input (text/button/radio/checkbox)或者textarea。可以用本例中的方法切换焦点或者使用tab,然后用空格键激活(按按钮或者选择一个单选框)--- https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement

2.contains:返回布尔值,确定当前元素是否是指定元素的后代元素,相同元素也是true。