如何知道 Recaptcha 窗口何时关闭

【问题标题】：How to know when Recaptcha window is closed如何知道 Recaptcha 窗口何时关闭
【发布时间】：2017-03-30 18:16:35
【问题描述】：

我面临以下情况：当用户单击提交按钮时，应用会禁用该按钮。然后，当调用 ReCaptcha 的回调函数时，我可以再次启用该按钮。但是，如果用户关闭验证窗口，我怎么知道然后再次启用我的按钮？

【问题讨论】：

【解决方案1】：

我在使用隐形验证码时遇到了同样的问题。当验证码关闭时，我解决它的方法是observing。

首先获取包含验证码的div 元素。

let iframe = document.querySelector('iframe[src^="https://www.google.com/recaptcha"][src*="bframe"]');
let container = iframe.parentNode.parentNode;

然后

let observer = new MutationObserver( mutations => {
  if(container && container.style.visibility === 'hidden'){
     // Re enable the button 
  }
});

observer.observe(container, { attributes : true, attributeFilter : ['style'] });

【讨论】：