[Operation] DOM - direction key manipulation

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;
  }
}

Guess you like

Origin www.cnblogs.com/hjysunshine/p/12151730.html