在离开字段时在 Google 应用程序中使用 HTMl 服务提交表单
Submit Form with HTMl Service in Google Apps on leaving a field
我正在创建一个 html 表单用于输入 Google 电子表格。该表单具有三个输入字段。当用户跳出第三个字段时,我需要表单来执行提交。用户将扫描条形码,我需要他们能够在不单击提交的情况下继续扫描。下面是我目前拥有的代码,除了在选项卡上提交之外还可以使用。
<b>Receiving</b><br />
<form>
Reference Number: <input id="location" name="reference" type="text" /> <br>
Location: <input id="location" name="location" type="text" /> <br>
Product SKU: <input id="sku" name="sku" type="text" /> <br>
<br>
<br>
<input onclick="formSubmit()" type="button" value="Submit" />
<input onclick="google.script.host.close()" type="button" value="Exit" />
<script type="text/javascript">
function formSubmit() {
google.script.run.getValuesFromForm(document.forms[0]);
this.form.elements["sku"].value = '';
this.form.elements["sku"].focus();
}
</script>
您正在寻找 onBlur 标记,它在 tabbing/clicking 超出元素时运行函数。您还可以使用 onchange,它会在扫描条形码时执行该功能。
<input id="sku" name="sku" type="text" onblur="formSubmit()"/>
我正在创建一个 html 表单用于输入 Google 电子表格。该表单具有三个输入字段。当用户跳出第三个字段时,我需要表单来执行提交。用户将扫描条形码,我需要他们能够在不单击提交的情况下继续扫描。下面是我目前拥有的代码,除了在选项卡上提交之外还可以使用。
<b>Receiving</b><br />
<form>
Reference Number: <input id="location" name="reference" type="text" /> <br>
Location: <input id="location" name="location" type="text" /> <br>
Product SKU: <input id="sku" name="sku" type="text" /> <br>
<br>
<br>
<input onclick="formSubmit()" type="button" value="Submit" />
<input onclick="google.script.host.close()" type="button" value="Exit" />
<script type="text/javascript">
function formSubmit() {
google.script.run.getValuesFromForm(document.forms[0]);
this.form.elements["sku"].value = '';
this.form.elements["sku"].focus();
}
</script>
您正在寻找 onBlur 标记,它在 tabbing/clicking 超出元素时运行函数。您还可以使用 onchange,它会在扫描条形码时执行该功能。
<input id="sku" name="sku" type="text" onblur="formSubmit()"/>