JSFiddle - React, Tailwind, and code Playground
HTML
<iframe src="//testit.com"></iframe>
<iframe src="//test.com"></iframe>
CSS
iframe{
width : 100px;
height : 100px;
border : 1px solid black;
}
JavaScript
$(focusWindow);
$('iframe').on('mouseenter', function () {
window.targetedIframe = this;
$(window).on('blur', iframeclicked);
}).on('mouseleave', function () {
$(window).off('blur', iframeclicked);
if($(document.activeElement).is('iframe'))
focusWindow();
});
function iframeclicked(){
console.log('iframe clicked', window.targetedIframe);
}
function focusWindow(){
$('<div/>').attr('tabindex',-1).appendTo('body').focus().remove();
}