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

js监控键盘上下左右的按下更换图片

2014-06-16 14:53 232 查看 
<html>
<head>
<title>js键盘事件监听</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<Script language=javascript>
function jumpPage() {
if (event.keyCode==37)//左
fun_a();
if (event.keyCode==38)//上
fun_b();
if (event.keyCode==39)//右
fun_c();
if (event.keyCode==40)//下
fun_d();
}

function fun_a(){
document.getElementById("testimg").src="./image/left.png";
}
function fun_b(){
document.getElementById("testimg").src="./image/up.png";
}
function fun_c(){
document.getElementById("testimg").src="./image/right.png";
}
function fun_d(){
document.getElementById("testimg").src="./image/down.png";
}
document.onkeydown=jumpPage;

</Script>

<body>
请选择键盘上上下左右箭头
<img src="" id="testimg" />
</body>
</html>








内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航