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操作——操纵方向键的主要内容,如果未能解决你的问题,请参考以下文章

win10键盘鼠标怎么使用?(键盘操纵鼠标)

实况8操作指南

在 Java 中检测和操作键盘方向键

excel中方向键不能移动格子

Ubuntu10.10下开发环境Monodevelop的方向键问题

ideakeymap没有ctrlalt方向键