JavaScript鍵盤上下鍵控制移動
阿新 • • 發佈:2019-01-04
//通過id獲取mid
var mid = document.getElementById("mid");
//給mid設定事件的監聽
window.document.onkeydown = function(ent) {
var event = ent || window.event;
switch(event.keyCode) {
case 37: //左
mid.style.left = Math .max(0, mid.offsetLeft - 5) + "px";
break;
case 38: //上
mid.style.top = Math.max(0, mid.offsetTop - 5) + "px";
break;
case 39: //右
mid.style.left = Math.min(350, mid.offsetLeft + 5 ) + "px";
break;
case 40: //下
mid.style.top = Math.min(350, mid.offsetTop + 5) + "px";
break;
}
}