jquery键盘上下键跳转input框

最新推荐文章于 2024-08-27 04:38:37 发布

aa820t

最新推荐文章于 2024-08-27 04:38:37 发布

阅读量295

点赞数

分类专栏： js 编程文章标签： jquery javascript ecmascript

本文链接：https://blog.youkuaiyun.com/aa820t/article/details/128514018

版权

编程同时被 2 个专栏收录

8 篇文章

订阅专栏

5 篇文章

订阅专栏

这段代码监听了文档中的keydown事件，当用户在.input-num类的输入框中按下上下箭头键时，焦点会在这些输入框之间切换。40键码对应向下键，38键码对应向上键。如果按下的是向下键并且当前输入框后面还有其他输入框，则焦点移动到下一个；如果按下的是向上键且前面有输入框，则焦点移动到上一个。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).on('keydown', '.input-num', function(e){
    let $obj = $('.input-num'), index = $obj.index(this);
    if( e.keyCode === 40){
        //下一个
        if($obj[index+1]) $obj[index+1].focus();
    } else if (e.keyCode === 38) {
        //上一个
        if($obj[index-1]) $obj[index-1].focus();
    }
})