真*干货（小白不看等于没学！！）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• keyCode的灵活使用
• 一、keycode认识？
• 二、使用步骤
  • 1.获得节点
  • 2.绑定键盘事件
  • 3.按下对应的keycode值操作目标
• 总结

---

前言

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、keycode？

keycode是绑定与键值从而对应想操作的目标！

二、实例

1.获取节点

代码如下（示例）：

 

2.绑定键盘事件

代码如下（示例）：

document.onkeydown = function (eve) {

      // console.log(eve.keyCode);

      // 判断当前按下的是哪个键

      switch (eve.keyCode) {

        case 37: // 左

          left -= 10;

          break;

        case 39:  // 右

          left += 10;

          break;

        case 38:

          tops -= 10;

          break;

        case 40:

          tops += 10;

          break;

      }

      setPos();

    }

    // 设置div的位置

    function setPos() {

      console.log(top);  // 此时top是关键字,表示window

      app.style.left = left + 'px';

      app.style.top = tops + 'px'

    }

总结

可以尝试运行一下便于理解