答案 0 :(得分:6)
您应该关注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;
});
答案 1 :(得分:2)
你不能,因为它取决于操作系统的键盘设置,以防止在一个轻微的长按键上输入多个字母。
P.S。:不要为要监视的每个键注册一个事件。这样做:
$(document).keydown(function(e){
if (e.keyCode == 38) {
move_down();
return true;
} else if (e.keyCode == 40) {
move_up();
return true;
}
});
return true;
实际上没有做任何有意义的事情......
你实际应该做的是使用keydown
和keyup events
做他们应该在游戏中做的事情(我认为是),即开始和停止运动
答案 2 :(得分:1)
您应该使用setInterval更新功能来更新您的位置。您的keyup和keydown函数将设置标记,可以向上或向下移动您的paddle。演示: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();
}