JSFiddle - React, Tailwind, and code Playground

HTML

<iframe width="100%" height="400" src="http://omarjackman.com/about/" ></iframe>
<div id="result"></div>

JavaScript

$(window).on('blur',function(e) {    
				if($(this).data('mouseIn') != 'yes')return;
				$('iframe').filter(function(){
					return $(this).data('mouseIn') == 'yes';
				}).trigger('iframeclick');    
			});

			$(window).mouseenter(function(){
				$(this).data('mouseIn', 'yes');
			}).mouseleave(function(){
				$(this).data('mouseIn', 'no');
			});

			$('iframe').mouseenter(function(){
				$(this).data('mouseIn', 'yes');
				$(window).data('mouseIn', 'yes');
			}).mouseleave(function(){
				$(this).data('mouseIn', null);
			});

			$('iframe').on('iframeclick', function(){
				console.log('Clicked inside iframe');
				$('#result').text('Clicked inside iframe'); 
			});
			$(window).on('click', function(){
				console.log('Clicked inside window');
				$('#result').text('Clicked inside window'); 
			}).blur(function(){
				console.log('window blur');
			});

			$('<input type="text" style="position:absolute;opacity:0;height:0px;width:0px;"/>').appendTo(document.body).blur(function(){
					$(window).trigger('blur');
				}).focus();