JSFiddle - React, Tailwind, and code Playground

by Minko Gechev

HTML

<span><input type="text" /></span>
<span><input type="text" /></span>
<span><input type="text" /></span>
<span><input type="text" /></span>
<span><input type="text" /></span>

JavaScript

var spans = $('span');
var c = 0;
focus(c);
$(document).keydown(function (e) {
    var k = e.keyCode;
    if (k === 39) {
        c = Math.min(c + 1, spans.length - 1);
    } else {
        c = Math.max(0, c - 1);
    }
    focus(c);
});

function focus(c) {
    var current = $(spans[c]);
    current.children('input').focus();
}