如何知道Recaptcha窗口何时关闭

Question

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

Answer 1

我使用隐形recaptcha面临同样的问题。当验证码被关闭时，我解决它的方式是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'] });