Javascript 不调用回调

我的隐形capcha设置如下：

<!-- CAPCHA -->
<script src="https://www.google.com/recaptcha/api.js"></script>
<div class="g-recaptcha"
    data-sitekey="6LchqW0UAAAAANOoHruD0Ql5aNJIZld4EwLiaf-W"
    data-callback="capchaDone" data-size="invisible">
</div>

但没有任何记录。我还尝试在Javascript中找到一个简单的实现。但是，到目前为止，还没有关于该操作的真正文档，如果将该操作附加到DIV，则还必须调用

grecaptcha.execute（）来自JavaScript，用于执行reCAPTCHA。假设您有这样一个表单：

<!-- CAPCHA -->
<script src="https://www.google.com/recaptcha/api.js"></script>
<div class="g-recaptcha"
    data-sitekey="6LchqW0UAAAAANOoHruD0Ql5aNJIZld4EwLiaf-W"
    data-callback="capchaDone" data-size="invisible">
</div>



如果有一个submit eventListener连接到它，您必须在其中调用reCAPTCHA：

document.querySelector（#loginForm”）.addEventListener（“提交”，函数（）{
/**验证输入**/
grecaptcha.execute（）；//将执行交给“数据回调”`
});

验证响应后，您可以在
数据回调
函数中提交表单

function capchaDone(response) {
  console.log(response)
  /** Validate reCAPTCHA **/
  document.querySelector("#loginForm").submit() // at last, submit the form
}

这是你所有的代码吗？如果你有任何CSS，我建议你编辑相关部分到你的问题。从给定的代码片段无法推断问题的原因。