JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr id="tx"><td><input /></td><td><input /></td></tr>
<tr><td><input /></td><td><input /></td></tr>
</table>
JavaScript
var delayedFn, blurredFrom;
$('tr').on('blur', 'input', function(event) {
blurredFrom = event.delegateTarget;
delayedFn = setTimeout(function() {
console.log('Blurred');
}, 0);
});
$('tr').on('focus', 'input', function(event) {
if (blurredFrom === event.delegateTarget) {
clearTimeout(delayedFn);
}
});