не срабатывает событие
Хочу сделать, чтобы в браузере блок перемещался по нажатию кнопок на клавиатуре (стрелки). Вот кусок кода для нажатия стрелки "вправо". Но не срабатывает, ошибок браузер не выдает. Не понимаю в чем дело. Помогите решить проблему.
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, время: 09:51. |