js鼠标左右键 键盘值小结

JavaScript015

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

所有三个键都按下

用js的 event.keyCode来获取方向键。

从网上你可以查到左右方向键对应的keyCode值,这样你就能获取到左右键点击事件了。

然后当左右键点击的时候,触发显示和隐藏对应图片的功能。

图片的显示和隐藏,你可以用js给对应的图片添加显示或者隐藏的css。

这样就能实现你要的效果了