模拟京东按下s键输入内容2020/11/24

最新推荐文章于 2022-10-22 09:32:29 发布

【5】吴润泽

最新推荐文章于 2022-10-22 09:32:29 发布

阅读量261

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_50286102/article/details/110086236

版权

模拟京东按下s键输入内容：.

核心思路：检测用户是否按下了s 键，如果按下s 键，就把光标定位到搜索框里面
使用键盘事件对象里面的keyCode
判断用户按下的是否是s键
搜索框获得焦点：使用 js 里面的 focus() 方法

<!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>
    // 核心思路： 检测用户是否按下了s 键，如果按下s 键，就把光标定位到搜索框里面
    // 使用键盘事件对象里面的keyCode 判断用户按下的是否是s键
    // 搜索框获得焦点： 使用 js 里面的 focus() 方法
    <input type="text">
    <div></div>
    <script>
        var search = document.querySelector('input');
        document.addEventListener('keyup', function(e) {
            if (e.keyCode === 83) {
                search.focus()
            }

        })
    </script>
</body>

</html>

【5】吴润泽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
模拟京东按下s键输入内容2020/11/24

模拟京东按下s键输入内容：.核心思路：检测用户是否按下了s 键，如果按下s 键，就把光标定位到搜索框里面使用键盘事件对象里面的keyCode判断用户按下的是否是s键搜索框获得焦点：使用 js 里面的 focus() 方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=
复制链接

扫一扫