案例：模拟京东按键获得焦点

最新推荐文章于 2024-05-21 02:06:32 发布

神经质土豆

最新推荐文章于 2024-05-21 02:06:32 发布

阅读量179

点赞数

分类专栏： js案例文章标签： javascript 前端 servlet

本文链接：https://blog.csdn.net/m0_65085680/article/details/127177780

版权

js案例专栏收录该内容

15 篇文章 0 订阅

订阅专栏

目录

案例说明：

案例分析：

代码实现：

案例说明：

当用户按下某个按键时，光标自动定位到搜索栏中

案例分析：

用ASCII值来判定用户是否按下了指定键在此用到了 e.keyCode

键盘事件对象里面的keyCode 判断用户是否按下s键 s键的ASCII值为83
搜索框获得焦点：使用js里面的方法 focus（）方法

核心思路：判断用户是否输入s键如果按下s键就把光标定位到搜索栏里

代码实现：

务必熟练语句的运用！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" name="" id="">
    <script>
        var search=document.querySelector("input");
        document.addEventListener("keyup",function(e){
                   if(e.keyCode==83){
                         search.focus();
                   }
        })
    </script>
</body>
</html>