目录
案例说明:
当用户按下某个按键时,光标自动定位到搜索栏中
案例分析:
用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>