【问题标题】:bootstrap studio: enter key appears to causing reload of pagebootstrap studio:输入键似乎导致页面重新加载
【发布时间】: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() 会执行。有可能事先正在执行其他操作,但如果是这样,我还没有找到发现的方法。

什么可能导致这种行为?

【问题讨论】:

    标签: reload bootstrap-studio


    【解决方案1】:

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

    $("#the-form").keypress(function(e)
    {
      if (e.which == 13) // Enter key
        return false;
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-06-19
      • 1970-01-01
      • 2011-08-22
      • 2012-08-07
      • 1970-01-01
      • 2016-08-30
      • 1970-01-01
      相关资源
      最近更新 更多