JSFiddle - React, Tailwind, and code Playground

HTML

<div id="grd1">
	<table>
		<tr id="tx"><td tabindex="0">Hello1</td><td><input /></td><td><input /></td></tr>
		<tr><td tabindex="0">Hello2</td><td><input /></td><td><input /></td></tr>
	</table>
</div>

JavaScript

var delayedFn, blurredFrom;
$('#grd1 table tr').on('blur', ':input', function(event) {
console.log( 'blur:', event );
	blurredFrom = event.delegateTarget;
	delayedFn = setTimeout(function() {
		alert('Blurred');
	}, 0);
});
$('#grd1 table tr').on('focus', ':input', function(event) {
	//alert(event.delegateTarget);
	if (blurredFrom === event.delegateTarget) {
		clearTimeout(delayedFn);
	}
});