이동키 버튼을 만들건데 함수를 이렇게 만들고 했는데 안되네요

  var controller, display, game;

  controller = {

    down:false, left:false, right:false, up:false,

    keyUpDown:function(event) {

      var key_state = (event.type == "keydown")?true:false;

      function move(dir) {
          if(dir == "up") {
              controller.up = key_state; break;
          } else if(dir == "down") {
              controller.down = key_state; break;
          } else if(dir == "left") {
              controller.left = key_state; break;
          } else if(dir == "right") {
              controller.right = key_state; break;
          }
      }

    }

  };

  onkeydown = function() {
        if (event.keyCode == 37) {
            move("left");
        } else if (event.keyCode == 38) {
            move("up");
        } else if (event.keyCode == 39) {
            move("right");
        } else if (event.keyCode == 40) {
            move("down");
        }
    };

move(dir)에 담고 각각 눌렀을때 이벤트 키코드를 지정해주었는데요

<div style="text-align:center; width:480px;">
<button onmousedown="moveup()">▲</button><br>
<button onmousedown="moveleft()">◀</button>
<button onmousedown="movedown()">▼</button>
<button onmousedown="moveright()">▶</button><br>

html에선 이렇게 해줬는데 눌러도 아무런 반응이 없습니다