'); iframeContentDoc.close(); } function createCloseButton(closeButtonStyle) { if (document.getElementById("ad_interstitial_close_icon")) return; var closeButton = document.createElement("button"); closeButton.setAttribute("id", "ad_interstitial_close_icon"); closeButton.className = "close-button-interstitial"; closeButton.innerHTML = '

'; // 閉じるボタンのスタイル設定 closeButton.style.cssText = closeButtonStyle; document.body.appendChild(closeButton); //イベントを監視 //TODO vue側に監視を移行したい closeButton.addEventListener("click", function () { closeInterstitial(); }); } //イベントリスナーが発行されたときに実行 function closeInterstitial() { var overlay = document.getElementById("interstitial_overlay"); if (overlay) { overlay.remove(); } var iframe = document.getElementById("iframeContent"); if (iframe) { iframe.remove(); } var closeButton = document.getElementById("ad_interstitial_close_icon"); if (closeButton) { closeButton.remove(); } //広告を閉じたらスクロール(ページ操作)を許可 html.style.overflow = ""; document.body.style.overflow = ""; } } function observeQuestionForm() { var targetNode = document.body; var config = { childList: true, subtree: true }; //DOMが追加されたときに実行 //TODO vue側に監視を移行したい var observer = new MutationObserver(function(mutationsList, observer) { mutationsList.forEach(function(mutation) { mutation.addedNodes.forEach(function(node) { if (node.id === "question-form" || (node.querySelector && node.querySelector("#question-form"))) { observer.disconnect(); interstitialAdrea(); } }); }); }); observer.observe(targetNode, config); } // 初回実行(フォームが動的にDOMに追加される場合のみ監視) if (document.getElementById("question-form")) { interstitialAdrea(); } else { observeQuestionForm(); } })(window, document);