не срабатывает событие
Хочу сделать, чтобы в браузере блок перемещался по нажатию кнопок на клавиатуре (стрелки). Вот кусок кода для нажатия стрелки "вправо". Но не срабатывает, ошибок браузер не выдает. Не понимаю в чем дело. Помогите решить проблему.
var block = document.getElementById("game"); function moveOn(){ if (keydown.keyCode=39){ block.style.transform - "translateX(-50px)"; } } block.moveOn(); |
<div id="game" style="width: 50px; height: 50px; background: #dedede; position: absolute; left: 0"></div> <script> var block = document.getElementById("game"); var posLeft = 0; document.onkeydown = function (e) { if (e.keyCode == 39) posLeft += 10; if (e.keyCode == 37) posLeft -= 10; block.style.left = posLeft + "px"; }; </script> кликнуть на фрейм, чтобы заработало |
Большое спасибо!
|
Часовой пояс GMT +3, время: 17:12. |