JSFiddle - React, Tailwind, and code Playground

by Christian Bonato

HTML

<div id="message"></div>
<input type="text" style="position:fixed;top:-1000px;left:-1000px">
<iframe id="iframe" src="//example.com"></iframe>

CSS

iframe {
    width: 500px;
    height: 300px;
}

JavaScript

focus();
addEventListener('blur', function() {
	if(document.activeElement === document.getElementById('iframe')) {
		message.innerHTML += 'Clicked';
    setTimeout(function () {
      document.querySelector("input").focus();
      message.innerHTML += ' - Reset focus,';
    }, 1000);
	}  
});