1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html绑定按键图片移动 如何使用JS实现用键盘控制图片移动呢?

html绑定按键图片移动 如何使用JS实现用键盘控制图片移动呢?

时间:2024-02-04 21:49:32

相关推荐

html绑定按键图片移动 如何使用JS实现用键盘控制图片移动呢?

html xmlns=http://www。w3。org/1999/xhtml headtitle标题页-学无忧(www。xue51。com)/title/headscript language=JavaScriptvar key=0var timerfunction setObj(){ ietype = (document。

layers) ? 1 : 0; //判断浏览器类型 divObj = (ietype)? document。mydiv : mydiv。style //获取指定的div Xpos = parseInt(divObj。left); //获取div的X坐标 Ypos = parseInt(divObj。

top); //获取div的Y坐标 document。onkeydown = keyDown; //设置按键事件 document。onkeyup = keyUp; //设置键盘弹起的事件 if (ietype) document。captureEvents(Event。

keydown | Event。keyup);}function keyDown(e) //按键的操作{ key = (ietype)? e。which : event。keyCode //判断用户按下的键,注意此键盘包括方向键和小键盘(数字键) if (key == 108 || key == 37) moveObj(1,2); if (key == 114 || key == 39) moveObj(1,3); if (key == 100 || key == 40) moveObj(1,4); if (key == 117 || key == 38) moveObj(1,5);}function keyUp(e) //按键弹起的操作{ key=0;clearTimeout(timer);}function moveObj(t,u) //移动图片的方法{ clearTimeout(timer)if (t==1){ //根据移动的键,改变div的X和Y坐标if (u==2){divObj。

left = Xpos-=5;timer = setTimeout(moveObj(1,2), 40);}if (u==3){divObj。left = Xpos+=5;timer = setTimeout(moveObj(1,3), 40);}if (u==4){divObj。

top = Ypos+=5;timer = setTimeout(moveObj(1,4), 40);}if (u==5){divObj。top = Ypos-=5;timer = setTimeout(moveObj(1,5), 40);} }}/scriptbody OnLoad=setObj();focus()div id=mydiv style=position:absolute; left:0px; top:80px; img src=http://www。

google。cn/intl/zh-CN/images/logo_cn。gif/div/body/html。

全部

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。