键盘控制输入框

Tutorial: DOM操作 Category: JS Published: 2026-04-07 13:58:26 Views: 20 Likes: 0 Comments: 0

按键输入内容

<!DOCTYPE html>
<html lang="en">
  <head></head>

  <body>
    <input type="text" />

    <script>
      // 核心思路: 检测用户是否按下了s 键, 如果按下s 键, 就把光标定位到搜索框里面
      // 使用键盘事件对象里面的keyCode 判断用户按下的是否是s键
      // 搜索框获得焦点: 使用 js 里面的 focus() 方法
      var search = document.querySelector("input");
      document.addEventListener("keyup", function (e) {
        console.log(e.keyCode);
        if (e.keyCode === 83) {
          search.focus();
        }
      });
    </script>
  </body>
</html>