Перекрывающиеся ключевые события

Итак, то, что происходит, по сути, является ограничением, встроенным в вашу операционную систему, но есть простой обходной путь. Сначала я объясню ограничение, а затем обходной путь.

Если бы вы (в текстовом поле) удерживали нажатой кнопку «j», сначала появилась бы одна «j», а затем, после небольшой задержки, появилось бы много «j» «jjjjjjjjjjjjjjjjjjjj».

Это та же проблема, с которой вы столкнулись. Событие срабатывает один раз, ждет некоторое время, а затем срабатывает еще много раз.

Однако решение простое. Вместо того, чтобы ваше колесо двигалось при запуске событий... пусть оно постоянно обновляется и отдельно отслеживает, какие клавиши нажаты или нажаты.

Обработчик ключей будет выглядеть примерно так...

function KeyHandler() {
  this.left = false;
  this.right= false;
  ...
  function onKeyDown(e) {
    if (e.keyCode == 37) {
      this.left = true;
    }
    ...
  }
  function onKeyUp(e) {
    if (e.keyCode == 37) {
      this.left = false;
    }
    ...
  }
}

(вы бы прикрепили обработчик ключа к телу или любому элементу, который пожелаете)

У вашего руля будет функция обновления, которая выглядит как...

wheel.update = function() {
  // the wheel is turning left
  if (wheel.keyhandler.left) {
    // make the appropriate adjustments
  }
}

и тогда в игре было бы что-то вроде этого...

wheel = new Wheel;
setInterval(function() {
  wheel.update();
},100);

Таким образом, ваше колесо всегда будет обновляться в зависимости от текущего состояния клавиш, и вам не придется полагаться на ограничения запускаемых событий. :)

Вот фрагмент простой игры, которую я когда-то написал

//key codes
var KEY_LEFT = 37;
var KEY_RIGHT = 39;
var KEY_A = 65;
var KEY_D = 68;
var KEY_SPACE = 32;

var keys = {};

function onKeyDown(e)
{
    e = e || window.event;
    var key = window.event.keyCode || e.which; // ie

    keys[key] = true;
}

function onKeyUp(e)
{
    var key = window.event.keyCode || e.which; // ie

    delete keys[key];
}

Это отслеживает все текущие ключевые состояния. Тогда ваша игра «тикает» на setTimeout(), а не перемещается по ключевым событиям и проверяет соответствующие ключи.

function gameTick()
{
    // update paddle angles
if (keys[KEY_LEFT])
    {
        // move left
    }

if (keys[KEY_RIGHT])
    {
        // move right
    }
}

Вот игра;

проблема, с которой вы столкнулись, заключается в том, что ваш код предназначен для обнаружения нажатия одной клавиши, в то время как вашей игре требуется обнаружение двух клавиш.

поместите эту строку в цикл по размеру e. это установит все нажатые клавиши как 1. в настоящее время он обнаруживает только одно нажатие клавиши и обрабатывает по одному за раз.

keys[e.keyCode] = 1;

почитай эту ветку и может найдешь то что тебе нужно. хотя это jquery, это может помочь концептуально. я также работаю над этим с помощью js... если появится что-то новое, поделитесь...

Обнаружение нескольких клавиш при нажатии одной клавиши в jQuery

ваш код и концепция круты, если вы действительно в программировании один месяц.