keyup：模拟京东按键输入内容

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

模拟京东按s键选中输入框相关推荐

773-780---DOM事件高级（常用鼠标事件，案例：跟随鼠标的天使，常用的键盘事件，案例：模拟京东按键输入内容，案例：模拟京东快递单号查询）
文章目录事件高级 7 常用的鼠标事件 7.1常用的鼠标事件 7.2 鼠标事件对象案例:跟随鼠标的天使 8 常用的键盘事件 8.1 常用的键盘事件 8.2 键盘事件对象 8.3 ASCII 表案例 ...
黑马前端案例——模拟京东显示密码
模拟京东显示密码点击输入密码框后的眼睛改变输入框的类型实现效果以下是我的代码点击输入密码框后的眼睛改变输入框的类型这是pink老师的视频中的一个案例,自己先做一遍再看老师的步骤,因为老师的视 ...
JS模拟京东搜索框案例模拟京东快递单号查询案例
模拟京东搜索框案例 <!DOCTYPE html> <html lang="en"><head><meta charset="U ...
JavaScript基础学习模拟京东查询快递单号
JavaScript基础学习模拟京东查询快递单号 <!DOCTYPE html> <html lang="en"><head><meta ...
Web APIs：事件高级--键盘事件，京东按键输入及模拟京东快递单查询案例
常用的键盘事件 keydown和keypress的区别是keypress不识别功能键例如ctrl,shift 执行顺序keydown>keypress>keyup keyCode判断用户 ...
本节作业之跟随鼠标的天使、模拟京东按键输入内容、模拟京东快递单号查询
本节作业之跟随鼠标的天使.模拟京东按键输入内容.模拟京东快递单号查询 1 跟随鼠标的天使 2 模拟京东按键输入内容 3 模拟京东快递单号查询 1 跟随鼠标的天使 <!DOCTYPE html&g ...
javascript 模拟退格键_js实现模拟计算器退格键删除文字效果的方法
本文实例讲述了js实现模拟计算器退格键删除文字效果的方法.分享给大家供大家参考.具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr ...
案例:模拟京东快递单号的查询效果
案例:模拟京东快递单号的查询效果要求:当我们在文本框中输入内容时,文本框上面自动显示大字号的内容分析: 输入内容时,上面的大盒子会自动显示出来(这里字号更大) 表单检测用户输入,给表单添加键盘事件 ...
模拟京东快递单号查询案例2020/11/24
模拟京东快递单号查询案例快递单号输入内容时, 上面的大号字体盒子(con)显示(这里面的字号更大) 表单检测用户输入: 给表单添加键盘事件同时把快递单号里面的值(value)获取过来赋值给 con ...

模拟京东按s键选中输入框

keyup：模拟京东按键输入内容

模拟京东按s键选中输入框相关推荐

最新文章

热门文章