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

目录

案例说明:

案例分析:

代码实现: 

案例说明:

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

 案例分析:

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

猜你喜欢

转载自blog.csdn.net/m0_65085680/article/details/127177780