如何使用JS隐藏Google reCaptcha V2小部件？

Question

如何使用JS隐藏reCaptchaV2小部件？

我正在实施这样的reCaptcha：

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&amp;render=explicit" async="" defer=""></script>
<div id='recaptcha_element'></div>
<div class="g-recaptcha" id="widget"
data-sitekey="..my site key.."></div>

我试图以这种方式禁用它：

document.getElementById('recaptcha_element').disabled = true;

或

document.getElementById('widget').disabled = true;

^^它无论如何都无法正常工作。有什么线索吗？

Answer 1

添加此CSS：

.g-recaptcha {
    opacity: 0.65;
    pointer-events: none;
}

当您准备启用它时，只需删除该类。