jquery键盘上下键跳转input框

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

原创最新推荐文章于 2024-08-27 04:38:37 发布 · 337 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #ecmascript

编程同时被 2 个专栏收录

8 篇文章

订阅专栏

5 篇文章

订阅专栏

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

$(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();
    }
})