JSFiddle - React, Tailwind, and code Playground

HTML

Click on the first input, then on the second one. Look at the console.
<input id="input1">
<input id="input2">

JavaScript

document.querySelector('#input1').addEventListener('focusout', function () {
	console.log('focusout');
});
document.querySelector('#input1').addEventListener('blur', function () {
	console.log('blur');
});
document.querySelector('#input2').addEventListener('focusin', function () {
	console.log('focusin');
});
document.querySelector('#input2').addEventListener('focus', function () {
	console.log('focus');
});