案例：按下s键时光标就自动定位到搜索框

① 核心思路：检测用户是否按下了s键，如果按下了s键，就把光标定位到搜索框里面

② 使用键盘事件对象里面的keyCode判断用户按下的是否是s键

③ 搜索框获得焦点：使用js里面的focus() 方法

<body>
    <input type="text">
    <script>
            var search = document.querySelector('input');
            document.addEventListener('keyup', function(e) {
                // console.log(e.keyCode);
                if (e.keyCode === 83) {
                    search.focus();
                }
            });
    </script>
</body>

 

posted @ 2020-05-23 01:02  浮华夕颜  Views(3252)  Comments(0)  Edit  收藏  举报