JSFiddle - React, Tailwind, and code Playground
by David Thomas
HTML
<form>
<input class="demo" />
<input />
<input class="demo" />
<input class="demo" />
</form>
CSS
input {
display: block;
background-color: #f90;
}
input.demo {
background-color: #ff0;
}
JavaScript
$('form').on('keypress','input',function(e){
var eClassName = this.className,
index = $(this).index('.' + eClassName) + 1;
if (e.which === 13){
e.preventDefault();
$('input.' + eClassName)
.eq(index)
.focus();
}
});