Javascript спящий режим до тех пор, пока не будет нажата клавиша

Question

Я провел некоторое исследование и нашел занятые решения для ожидания. Я не хочу, чтобы процессор выполнял цикл в скрипте, пока я не получу событие нажатия клавиши через JQuery.

Как я могу вытащить что-то вроде sleepUntilKeyPress(), которая является функцией типа sleep() в C, но вместо ожидания какого-то определенного времени она ждет нажатия клавиши?

Answer 1

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

Вы пытаетесь сказать:

while(!keypress){ 
    dontDoSomething(); 
} 

Вы должны делать что-то подобное:

on(keypress, doSomething); 

Рассмотрим эту идею:

var counter, ispressed, el; 

// Bad 
counter = 0; 
ispressed = false; 
el = document.getElementById("element"); 

el.addEventListener("mousedown", function() { 
    ispressed = true; 
}); 

el.addEventListener("mouseup", function() { 
    ispressed = false; 
}); 

while (1) { 
    if (ispressed) { 
     counter += 1; 
    } 
} 

// Better 
el.addEventListener("click", function() { 
    counter += 1; 
}); 

Давайте забудем о том, что что while закроет программу, (я даже не думаю, что прослушиватели событий будут срабатывать r и я уверен, что DOM закроется), вы просите свою программу тратить время на постоянную проверку, чтобы увидеть, нажата ли кнопка еще. Вместо этого позвольте браузеру проверить вас со встроенным addEventListener() и делать то, что вы обычно делаете, когда узнаете, что кнопка нажата.

Answer 2

var interval = window.setInterval(function() { 
    // hang around and do nothing 
}, 1000); 

document.onkeypress = function() { 
    if (/* some specific character was pressed */) { 
     window.clearInterval(interval); 

     // do some other thing, other thing 
    } 
};