JSFiddle - React, Tailwind, and code Playground

HTML

a: <input type='text'/><br/>
b: <input type='text'/><br/>
c: <input type='text' id='magic'/><br/>

JavaScript

var tabPressed = false;
    // remove this listener to break the functionality
	$(document).on("keydown", function (e) {
		if(e.keyCode == 9) {
			tabPressed = true;   
		} else {
			tabPressed = false;
		}
	});

    $("#magic").on("keyup", function(e) {
        if (tabPressed && e.keyCode==9) {
            tabPressed = false;
            e.stopPropagation()
            e.stopImmediatePropagation()
            e.preventDefault()
        }
    })

    $("#magic").on("keydown", function(e) {
        if (e.keyCode==9) {
            e.preventDefault()
            e.stopPropagation()
        }
    })
    
    $("#magic").on("keyup", function(e) {
        $(this).val($(this).val() + " " + e.keyCode)
        e.stopPropagation()
        e.preventDefault()
    })