如何使用 onkeydown 触发循环(按下后)

我正在开发一款游戏，我希望当我按下键盘按钮一次时，跳到我的游戏角色上，直到给定的循环条件不正确。但现在的问题是我的角色在跳跃以及按下键盘按钮。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--AnimationUsingKeyboard.html-->
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/xml; charset=utf-8"/>
        <title>AnimationUsingKeyboard.html</title>
        <link rel="Stylesheet" type="text/css" href=""/>
        <script type="text/javascript" src="AnimationUsingKeyboard.js">
            //<![CDATA[
            //]]>
        </script>
    </head>
    <body onload="init()">
        <h1>Animation Using Keyboard Input</h1>
        <div id="outline" style="position:absolute;
                                width:50px;
                                 height:50px;
                                 top:100px;
                                 left:5px;">
            <img id="krizen" src="krizen1.png" width="50px" height="50px" alt="krizen.png"/>
        </div>
        <div id="output">
        </div>
    </body>
</html>

var imgList=new Array("krizen1.png",
                      "krizen2.png",
                      "krizen3.png",
                      "krizen4.png",
                      "krizen5.png",
                      "krizen6.png",
                      "krizen7.png",
                      "krizen8.png"
                      );
var outline;
var krizen;
var jump;
function init(){
 outline=document.getElementById("outline");
 krizen=document.getElementById("krizen");
 document.onkeydown=keyListner;
}
function keyListner(e){
 if(!e){
e=window.event;
}//end if
if(e.keyCode==38){
 jump=parseInt(outline.style.top);
 while(jump!=70){
 outline.style.top=jump+"px";
 jump-=5;
 }//end while
}//end if
}//end keyListner function

您可以尝试设置一个变量;假设如果按下键，则按到 1，如果松开，则变为按下 0，循环检查是否按下===1

相关内容

最新更新

热门标签：