Làm thế nào để sửa chữa chậm trễ trong javascript KeyDown

Question

thể trùng lặp:
JavaScript move delay and multiple keystrokes

Tôi mới và học HTML5 canvas cùng với javascript. Tôi đã tạo một sự kiện để di chuyển một đối tượng sang trái và phải, và sự cố của tôi là sự chậm trễ bất cứ khi nào bạn giữ phím hoặc chuyển sang một khóa khác. Tôi biết có thiếu mã của tôi dưới đây hãy giúp tôi. Cảm ơn bạn trước.

c.addEventListener('keydown',this.check,true); 
    function check(el) { 
    var code = el.keyCode || el.which; 
    if (code == 37 || code == 65){ 
    x -=1; 
    } 

    if (code == 39 || code == 68){ 
    x += 1; 
    } 

    el.preventDefault(); 
} 

Answer 1

Thay vì cố gắng phản ứng trực tiếp với sự kiện phím tắt, tôi khuyên bạn nên sử dụng các sự kiện keydown và keyup để duy trì danh sách các phím hiện tại. Sau đó, thực hiện "vòng lặp trò chơi" để kiểm tra mỗi x mili giây mà các phím sẽ bị hỏng và cập nhật màn hình cho phù hợp.

var keyState = {};  
window.addEventListener('keydown',function(e){ 
    keyState[e.keyCode || e.which] = true; 
},true);  
window.addEventListener('keyup',function(e){ 
    keyState[e.keyCode || e.which] = false; 
},true); 

x = 100; 

function gameLoop() { 
    if (keyState[37] || keyState[65]){ 
     x -= 1; 
    }  
    if (keyState[39] || keyState[68]){ 
     x += 1; 
    } 

    // redraw/reposition your object here 
    // also redraw/animate any objects not controlled by the user 

    setTimeout(gameLoop, 10); 
}  
gameLoop(); 

Bạn sẽ nhận thấy điều này cho phép bạn xử lý nhiều khóa cùng một lúc, ví dụ: nếu người dùng nhấn mũi tên trái và lên cùng nhau và sự cố chậm trễ giữa các sự kiện quan trọng tiếp theo khi phím bị khóa đi vì tất cả những gì bạn thực sự quan tâm là liệu một keyup có xảy ra hay không.

Tôi nhận ra bạn có thể không được thực hiện một trò chơi, nhưng "trò chơi vòng lặp" này khái niệm nên làm việc cho bạn như thể hiện trong bản demo này rất đơn giản: http://jsfiddle.net/nnnnnn/gedk6/