DOM ------ 快捷键获取input框焦点

简介: DOM ------ 快捷键获取input框焦点

快捷键获取 input 框焦点

实现功能: 点击s键让input框直接获取焦点

核心思路: 通过 keyCode 检测用户是否按下了s键( keyCode 为 83), 如果按下了s键, 就把光标定位到搜索框里面

    //html代码
    <input type="text">
    //js代码
    //搜索框获取焦点: focus()方法
    var search = document.querySelector('input')
    document.addEventListener('keyup', function(e){
      if(e.keyCode === 83){
        search.focus()
      }
    })

不积跬步无以至千里 不积小流无以成江海

相关文章
|
JavaScript
DOM ------ input框查询的放大效果
DOM ------ input框查询的放大效果
|
3月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
3月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
3月前
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中,文档中的所有内容都被视为节点。整个文档是一个文档节点,每个 HTML 元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。DOM 将文档表示为节点树,节点之间有父子和同胞关系。
|
3月前
|
JavaScript
HTML DOM 节点
HTML DOM(文档对象模型)将HTML文档视为节点树,其中每个部分都是节点:文档本身是文档节点,HTML元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。节点间存在父子及同胞关系,形成层次结构。
|
3月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
3月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
3月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
3月前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)