forms - bootstrap-tags输入表单，按回车键提交

Question

在bootstrap-tagsinput上，按Enter键提交下一个标签表单!
解决办法是什么？

$("#inputID").tagsinput();

Answer 1

首先，您需要将'Enter'映射到tagsinput的confirmkeys选项，然后您需要在回车键上调用preventDefault()以防止提交表单。在我的解决方案中，仅当用户将焦点放在标签输入字段中时，它才阻止通过输入键提交。

为了增加一点冗余，我还要确保将输入键重新映射到输入字段中的逗号。

  $('#tags-input').tagsinput({
    confirmKeys: [13, 188]
  });

  $('#tags-input input').on('keypress', function(e){
    if (e.keyCode == 13){
      e.keyCode = 188;
      e.preventDefault();
    };
  });

也是一个FYI，在JS中，Enter键映射为13，逗号为188。