模拟京东按键输入案例(无论光标在什么位置,按s键即可将光标定位到搜索框)

简介: 模拟京东按键输入案例(无论光标在什么位置,按s键即可将光标定位到搜索框)

屏幕快照 2022-05-07 下午3.34.39.png

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <input type="text">
    <script>
        // 核心思路: 检测用户是否按下了s 键,如果按下s 键,就把光标定位到搜索框里面
        // 使用键盘事件对象里面的keyCode 判断用户按下的是否是s键
        // 搜索框获得焦点: 使用 js 里面的 focus() 方法
        var search = document.querySelector('input');
        document.addEventListener('keyup', function(e) {
            // console.log(e.keyCode);
      //s键的ASCII码是83
            if (e.keyCode === 83) {
                search.focus();
            }
        })
    </script>
</body>
</html>
相关文章
Navicate,水平录数据,上下录数据,一行全部录,鼠标选中一行,shift 下滑,Ctrl + V复制数据,一行录数据,鼠标选中一整行,用中文可以直接显示,直接Ctrl + V全行,别傻了,id也
Navicate,水平录数据,上下录数据,一行全部录,鼠标选中一行,shift 下滑,Ctrl + V复制数据,一行录数据,鼠标选中一整行,用中文可以直接显示,直接Ctrl + V全行,别傻了,id也
|
10月前
|
iOS开发
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
146 1
|
Web App开发 C++
c++ 实现不在同一程序内,在光标处(当前有焦点的窗体输入框)输入字符
c++ 实现不在同一程序内,在光标处(当前有焦点的窗体输入框)输入字符
139 1
在网页里让文本框只能输入数字的一种方法。外加回车换Tab
第一步利用样式表。 第二步利用js脚本。 function myKeyDown(){    var   k=window.event.keyCode;       if ((k==46)||(k==8)||(k==189)||(k==109)||(k==190)||(k==110)|| (k>...
862 0
|
C# Windows
C#代码像QQ的右下角消息框一样,无论现在用户的焦点在哪个窗口,消息框弹出后都不影响焦点的变化,那么有两种方法
你QQ的右下角消息框一样,无论现在用户的焦点在哪个窗口,消息框弹出后都不影响焦点的变化,那么有两种方法:   要么重写需要弹出的窗体的事件: protected override CreateParams CreateParams     {     get     {         const ...
1219 0