vue写键盘监听操作

//点击事件

const entrance = (msg) => {

     keyDown(); // 监听键盘----点击事件触发后，才开始调用键盘事件

}

const keyDown = () => {

      // 以下是键盘方法

      window.onkeydown = function (e) {

        data.x = 0;

        data.y = 0;

        //通过监听按键按下时的操作

        console.log(e.keyCode);

        switch (e.keyCode) {

          case 37: // 左 箭头

            data.x -= 1;

            break;

          case 38: // 上 箭头

            data.y -= 1;

            break;

          case 39: // 右 箭头

            data.x += 1;

            break;

          case 40: // 下 箭头

            data.y += 1;

            break;

          case 87: // w键盘  前进

            data.y += 1;

            break;

          case 83: // s键盘  后退

            data.y -= 1;

            break;

          case 65: // A键盘   左

            data.x -= 1;

            break;

          case 68: // D键盘   右

            data.x += 1;

            break;

        }

        if (e.keyCode >= 37 && e.keyCode <= 40) {

          var contents = "2" + "_" + data.x + "_" + data.y; //人物方向

          Message(contents);

        } else if (e.keyCode >= 65 && e.keyCode <= 87) {

          var content = "1" + "_" + data.x + "_" + data.y; //人物移动

          Message(content);

        }

      };

      //通过监听按键松开键盘时的操作

      window.onkeyup = function (e) {

        if (e.keyCode >= 37 && e.keyCode <= 40) { //松开上下左右键盘

          var Fcontent = "2" + "_" + 0 + "_" + 0;//拼接成后台需要的参数

          Message(Fcontent);//发送后台

        } else if (e.keyCode >= 65 && e.keyCode <= 87) { //松开wasd键盘

          var Ycontent = "1" + "_" + 0 + "_" + 0;//拼接成后台需要的参数

          Message(Ycontent);//发送后台

        }

      };

    };