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()
        }
    })

猜你喜欢

转载自blog.csdn.net/weixin_45904557/article/details/125232290