JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text"/>
<div class="quiz">
<input type="text"/>
<input type="text"/>
<input type="text"/>
</div>
<input id="not-in-quiz" type="text"/>
JavaScript
$(window).keydown(function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode == 9) {
if ($(e.target).is('.quiz *')) {
e.preventDefault();
} else {
wastab = true;
}
}
});
$('.quiz input').focus(function(){
if (wastab){
wastab = false;
$('#not-in-quiz').focus();
}
});