去这里
使用向上和向下键
当我按下一个键时,红色框向下移动,暂停,然后移动其余部分。
如何删除暂停?
您应该跟随keydown
并keyup
使用间隔来更平稳地移动桨。
演示:http: //jsfiddle.net/M7TKc/16/
var paddle = $("#paddle");
paddle.css({backgroundColor: "red", height:"100px", width:"25px", position: "absolute"});
var paddle_y = 0,
moving = 0; /* added */
draw_paddle();
window.setInterval(function () { /* added */
if (moving != 0) {
paddle_y += moving;
draw_paddle();
}}, 100);
function move_down(){
moving = -10;
}
function move_up(){
moving = 10;
}
function draw_paddle(){
paddle.css({top: paddle_y+"px"});
}
$(document).keypress(function(e) {
if(e.which == 13) {
// stop on "ENTER"
moving = 0;
}
});
$(document).keydown(function(e){ /* changed */
if (e.keyCode == 38)
move_down();
else if (e.keyCode == 40)
move_up();
});
$(document).keyup(function(e){ /* added */
if (e.keyCode == 38 || e.keyCode == 40)
moving = 0;
});
你不能,因为它取决于操作系统的键盘设置,以防止在稍微长的按键压力下输入多个字母。
PS:不要为您要监视的每个键注册一个事件。改为这样做:
$(document).keydown(function(e){
if (e.keyCode == 38) {
move_down();
return true;
} else if (e.keyCode == 40) {
move_up();
return true;
}
});
而且return true;
实际上并没有做任何有意义的事情...
您实际上应该做的是使用keydown
and keyupevents
来做他们应该在游戏中做的事情(我认为是),即开始和停止运动。
您应该使用 setInterval 更新函数来更新您的位置。您的 keyup 和 keydown 函数将设置向上或向下移动桨的标志。演示:http: //jsfiddle.net/DH5qT/
var movedir = 0; // up if 1, down if -1, none if = 0.
var interval = setInterval(function(){
paddle_y = paddle_y + (5 * movedir);
draw_paddle();
} , 1);
function move_down(){
movedir = -1;
draw_paddle();
}
function move_up(){
movedir = 1;
draw_paddle();
}