【DOM操作】——操纵方向键

标签：bsp   element   which   bre   height   dom   efault   cas   控制   

var div = document.getElementById(‘div1‘);
div.style.width = ‘100px‘;
div.style.height = ‘100px‘;
div.style.backgroundColor = ‘red‘;
div.style.position = ‘absolute‘;
div.style.top = ‘0‘;
div.style.left = ‘0‘;
//控制方向键
document.onkeydown = function(e) {
　　switch (e.which){
　　　　case 38:
　　　　　　div.style.top = parseInt(div.style.top) - 5 + "px";
　　　　　　break;
　　　　case 40:
　　　　　　div.style.top = parseInt(div.style.top) + 5 + "px";
　　　　　　break;
　　　　case 37:
　　　　　　div.style.left = parseInt(div.style.left) - 5 + "px";
　　　　　　break;
　　　　case 39:
　　　　　   div.style.left = parseInt(div.style.left) + 5 + "px";
　　　　　　break;
　　　　default:
　　　　　　break;
　　}
}

【DOM操作】——操纵方向键

标签：bsp   element   which   bre   height   dom   efault   cas   控制   

原文地址：https://www.cnblogs.com/hjysunshine/p/12151730.html