按键输入 搜索框获得焦点

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

 

 
 
 
 

 

posted @ 2022-04-18 11:35  罗砂  阅读(117)  评论(0)    收藏  举报