键盘控制Div移动
方向键控制方向
方向键控制方向
定时器控制移动和速度
<div id="div1">
#div1{width:100px;height:100px;background: red;position: absolute;left:40%;top:30%;}
onload = function () { var oDiv = document.getElementById('div1'); oDiv.timer = null; var direct = 0; document.onkeydown = function(ev) { ev = ev || event; direct = ev.keyCode; if(oDiv.timer == null){ oDiv.timer = setInterval(doMove,50); } }; document.onkeyup = function () { clearInterval(oDiv.timer); oDiv.timer = null; }; function doMove() { switch (direct) { case 37: oDiv.style.left = oDiv.offsetLeft - 10 + 'px'; break; case 38: oDiv.style.top = oDiv.offsetTop - 10 + 'px'; break; case 39: oDiv.style.left = oDiv.offsetLeft + 10 + 'px'; break; case 40: oDiv.style.top = oDiv.offsetTop + 10 + 'px'; break; default: return; } } };