bootstrap studio：输入键似乎导致页面重新加载

Posted 2023-02-22

【中文标题】bootstrap studio：输入键似乎导致页面重新加载

【英文标题】：bootstrap studio: enter key appears to causing reload of page

【发布时间】：2022-01-17 11:45:25

【问题描述】：

我有一个包含多个表单的网页。一次只能看到一个，具体取决于状态。

在一个表单上，按下回车键似乎会导致页面重新加载，而不是触发表单按钮的单击事件。

我有很多 javascript，主要是因为我需要与 mailchimp 进行客户端交互。因此，我禁用了表单的 action= html，而是创建了一个 javascript 函数来处理点击。如果你点击按钮，它就可以正常工作。

我还为表单中的唯一字段分配了一个侦听器：

var input = document.getElementById ("new-email-address");
input.addEventListener ("keyup", function(event)

  if (event.keyCode === 13)
  
    event.preventDefault();
    document.getElementById("new-email-address").click();
  
);

然而，当我点击回车键时，$(document).ready (function() 会执行。有可能事先正在执行其他操作，但如果是这样，我还没有找到发现的方法。

什么可能导致这种行为？

【参考方案1】：

事实证明，输入键是在表单级别处理的。为了禁用它，我为每个表单添加了以下代码：

$("#the-form").keypress(function(e)

  if (e.which == 13) // Enter key
    return false;
);