模拟京东按键输入案例(无论光标在什么位置,按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>
相关文章
|
4月前
|
Python
各类小技巧快捷键-掌握各类实用小技巧,tail 不输卡 ctrl + c强制停止 强制停止,退出、登出、history历史命令,可以复制以前输入过的,鼠标右键点击搜索、光标移动,ctrl + l cl
各类小技巧快捷键-掌握各类实用小技巧,tail 不输卡 ctrl + c强制停止 强制停止,退出、登出、history历史命令,可以复制以前输入过的,鼠标右键点击搜索、光标移动,ctrl + l cl
|
4月前
Element UI 带快捷编辑的多行输入框(含光标位置的获取和指定)
Element UI 带快捷编辑的多行输入框(含光标位置的获取和指定)
28 0
|
Web App开发 C++
c++ 实现不在同一程序内,在光标处(当前有焦点的窗体输入框)输入字符
c++ 实现不在同一程序内,在光标处(当前有焦点的窗体输入框)输入字符
105 1
|
程序员 C++ Windows
模拟键盘按键 自动输入文字
对于程序员来说,键盘上的每个按键都一样,无非是不同按键产生的键盘扫描码不同。在不同的操作系统下,键盘扫描码常常被转换为不同的编码以方便应用程序调用,比如在DOS系统下的ASCII码,在Windows系统下的虚拟键盘码等等。
在网页里让文本框只能输入数字的一种方法。外加回车换Tab
第一步利用样式表。 第二步利用js脚本。 function myKeyDown(){    var   k=window.event.keyCode;       if ((k==46)||(k==8)||(k==189)||(k==109)||(k==190)||(k==110)|| (k>...
845 0