首页 > 编程语言 > 详细

JavaScript按键定位输入框

时间:2020-10-11 08:56:55      阅读:22      评论:0      收藏:0      [点我收藏+]

要求:

有一输入框,当用户按下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>

JavaScript按键定位输入框

原文:https://www.cnblogs.com/jacklzx/p/13796122.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!