如何修改Google Sheet脚本实现回车键与提交按钮均可提交录入数据

仅需要给输入框新增回车键监听逻辑即可实现点击按钮+按回车双触发提交的需求，修改后的代码如下：

<script>
  var itemBox = document.getElementById("itemname");
  // 保留原有按钮点击提交逻辑
  document.getElementById("btn").addEventListener("click", addRecord);
  // 新增输入框回车键提交逻辑
  itemBox.addEventListener("keydown", function(e) {
    if (e.key === "Enter") {
      // 若输入框在form标签内，可取消下一行注释避免页面刷新
      // e.preventDefault();
      addRecord();
    }
  });

  function addRecord(){
    var name = itemBox.value;
    if(name.trim().length == 0){
       M.toast({html: "Please enter a valid barcode!"})
    } else {
      var data = {
        name: itemBox.value
      };
      google.script.run.appendData(data);
      itemBox.value = "";
    }
  }
</script>

修改说明 #

• 原有点击提交的逻辑完全保留，不影响现有功能使用
• 新增的键盘事件仅监听itemname输入框的按键操作，仅当按下回车键时触发提交
• 如果输入框包裹在<form>标签内，可开启注释的e.preventDefault()代码，避免触发表单默认提交导致页面刷新的问题

内容的提问来源于stack exchange，提问作者AmfSportster