欢迎光临
我的个人博客网站

JavaScript按键定位输入框


要求:

有一输入框,当用户按下s键,光标自动定位到输入框中。

实现思路:

  1. 检测用户是否按下了s键,如果按下s键,就把光标定位到搜索框里面
  2. 使用键盘事件对象里面的keyCode判断用户按下的是否是s键
  3. 搜索框获得焦点:使用focus()方法

代码实现:

内容:

<input type="text"> <script>     var search = document.querySelector('input');     // 若使用keydown,按下s后,“s”也会添加到输入框     // 使用keyup则不会,s键松开后才触发     document.addEventListener('keyup', function(e) {         // console.log(e.keyCode);         if (e.keyCode === 83) {             search.focus();         }     }); </script> 
赞(0) 打赏
未经允许不得转载:张拓的天空 » JavaScript按键定位输入框
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏