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

最新推荐文章于 2022-07-03 22:03:04 发布

相信光的奥特王小懒

最新推荐文章于 2022-07-03 22:03:04 发布

阅读量613

点赞数

本文链接：https://blog.csdn.net/weixin_51415327/article/details/120116553

版权

JavaScript keyup事件焦点切换键盘输入 s键监听

关键词由CSDN通过智能技术生成

css 同时被 3 个专栏收录

20 篇文章 0 订阅

订阅专栏

javascript

20 篇文章 1 订阅

订阅专栏

html

20 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!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>

相信光的奥特王小懒

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
模拟京东按键输入案例（无论光标在什么位置，按s键即可将光标定位到搜索框）

<!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>..
复制链接

扫一扫

专栏目录