代码如下:
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。
这样就能实现你要的效果了