recaptcha - 如何知道 Recaptcha 窗口何时关闭

Question

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

Answer 1

我在使用不可见的 recaptcha 时遇到了同样的问题。我解决它的方法是在验证码关闭时观察。

首先获取包含验证码的 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'] });