JSFiddle - React, Tailwind, and code Playground

HTML

<form id="myform">
    <div>
        <input type="text" id="one" value="1" />
        <input type="text" id="two" value="2"  />
    </div>
    <div>
        <input type="text" id="three" value="3"  />
        <input type="text" id="four" value="4"  />
        <input type="text" id="five" value="5"  />
        <input type="text" id="six" value="6"  />
    </div>
    <div>
        <input type="text" id="seven" value="7"  />
        <input type="text" id="eight" value="8"  />
        <input type="text" id="nine" value="9"  />
    </div>
    <div>
        <input type="text" id="ten" value="10"  />
        <input type="text" id="eleven" value="11"  />
        <input type="text" id="twelve" value="12"  />
        <input type="text" id="thirteen" value="13"  />
    </div>
</form>

CSS

div {
    border: 1px solid #f00;
    margin: 4px;
    padding: 4px;
}

JavaScript

$( '#myform' )
    .find( 'div input:first-child, div input:last-child' )
    .bind( 'keydown', function( e )
    {
        if( e.which === 9 )
        {
            alert("tabbed");
            e.preventDefault();
        }
    } );