在嵌入式谷歌表单上单击提交时显示弹出/对话框答案

【问题标题】：Show a popup/dialog when clicking submit on an embedded google form在嵌入式谷歌表单上单击提交时显示弹出/对话框
【发布时间】：2020-12-24 01:45:35
【问题描述】：

我有一个谷歌网站页面，我在其中嵌入了一个谷歌表单。当用户单击提交时，页面不会向上滚动，并且除非他们向上滚动，否则他们看不到（Google 表单确认页面）。有没有办法让用户点击提交时弹出消息？

我试图创建一个脚本来显示一个对话框，但它只出现在编辑器端，并且在加载时出现：

代码.gs

function onSubmit() {
  FormApp.getUi() // Or DocumentApp or SlidesApp or FormApp.
      .createMenu('Custom Menu')
      .addItem('Show dialog', 'showDialog')
      .addToUi();
}

function showDialog() {
  var html = HtmlService.createHtmlOutputFromFile('Page')
      .setWidth(400)
      .setHeight(300);
  FormApp.getUi() // Or DocumentApp or SlidesApp or FormApp.
      .showModalDialog(html, 'Your response has been submitted');
}

Page.html

Thank you! <input type="button" value="Close" onclick="google.script.host.close()" />

有解决方法吗？谢谢

【问题讨论】：

@TheMaster .. 如果您可以使用 google 应用脚本并使用 javascript 将详细信息存储在 google 电子表格而不是 google 表单中，则有一种解决方法
@HymnZzy 我不绕过谷歌表单可以被认为是一种解决方法。
@TheMaster .. 这是另一种解决方案，您可以完全跳过 Google 表单并将数据存储在电子表格中。

标签： javascript google-apps-script google-forms

【解决方案1】：

如果表单嵌入在 iframe 中，单击表单上的提交按钮会在 iframe 上触发 load 事件。根据表单中的部分数量，您可以使用它来检测最终提交事件。请注意，如果您的 Google 表单上没有任何部分并且它是单页表单，则此方法效果最佳。

见Related Answer

【讨论】：