<div id='popup'> <iframe src='https://storehaccounts.blogspot.com/p/sample_12.html' width='300' height='300'> </iframe> </div> <script> let isFrameFocus = false; let isFrameFocus2 = false; window.focus(); window.addEventListener('blur', function () { if (document.activeElement == document.querySelectorAll("#popup iframe")[0]) { isFrameFocus = true; isFrameFocus2 = true; console.log('focus now!'); setTimeout(function () { window.focus(); document.activeElement.blur(); isFrameFocus = false; console.log(isFrameFocus); console.log('focus expires!'); }, 300); } }); document.addEventListener("visibilitychange", () => { if (document.visibilityState === "hidden") { //console.log('hidden now: ' + isFrameFocus); if (isFrameFocus) { localStorage.setItem('ptc-click', 'set'); console.log('you have closed the ad! visibilitychange hidden') } } if (document.visibilityState === "visible") { //console.log('visible again.'); if (localStorage.getItem('ptc-click')) { console.log('bro its done.'); document.querySelectorAll("#popup iframe")[0].style.display = 'none'; localStorage.removeItem('ptc-click'); } } }, false); window.addEventListener("beforeunload", () => { //console.log('unloading...'); if (isFrameFocus2) { localStorage.setItem('ptc-click', 'set'); } }); focus(); </script>