如何在子 iFrame 中捕获 Google 表单的提交事件？

Question

我有一个嵌入在 html 页面 iFrame 中的 Google 表单。父 DOM 需要知道表单何时提交，以便可以继续进行 Web 应用程序的下一部分。使用从 Google 表单嵌入菜单选项导出的脚本嵌入表单：-

<iframe src="https://docs.google.com/forms/d/1blablabla/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

我希望能够使用 JavaScript 捕获 onSubmit 事件，但我不确定如何做到这一点。我已经浏览了文档，但发现其中对我的情况几乎没有任何实际帮助。

非常感谢任何指导、提示或建议 - 谢谢！

Answer 1

尝试在页面底部使用类似的内容（jQuery 1.7+）：

  <script>
    let times = 0;
    $(() => {
      $('iframe#googleform').on('load', () => {
        if (times++ === 0) alert('loaded');
        else alert('submitted');
      });
    });
  </script>

不是特别优雅，但 95% 的时间都可以完成工作。