javascript小案例-----按键搜索框获得焦点输入内容

效果如下:

代码思路:

1.     核心思路:检测用户是否按下了s 键，如果按下s 键，就把光标定位到搜索框里面
2.     使用键盘事件对象里面的keyCode判断用户按下的是否是s键
3.     搜索框获得焦点:使用js里面的 focus()方法

html部分:

  搜索框: <input type="text" name="" id="">

css部分:

        input {
            width: 200px;
            height: 25px;
            outline: none;
            background-color: rgb(245, 224, 224);
            border: 1px solid skyblue;
        }

javascript部分:

  var search = document.querySelector('input');
    document.addEventListener('keyup', function (e) {
        // console.log(e.keyCode); //83
        if (e.keyCode === 83) {
            search.focus()
        }
    })