DOM操作——操纵方向键
Posted hjysunshine
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM操作——操纵方向键相关的知识,希望对你有一定的参考价值。
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操作——操纵方向键的主要内容,如果未能解决你的问题,请参考以下文章