jquery - 在表单中按回车键时，Bootstrap Dropdown 总是会聚焦

Question

我有一个表格，里面有不同的字段。而且我使用下拉按钮而不是普通的选择标签来获得更好的用户体验。但是，问题是当我在其他文本输入字段上按回车键时，此下拉列表总是会聚焦。这很烦人并且会造成麻烦。

<form>
    <div class="row">
        <div class="col-md-6">
            <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
            <span class="dropdown-label">
                Test
            </span>
          </button>
          <button data-toggle="dropdown" class="btn btn-small btn-white dropdown-toggle">
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu dropdown-select" role="menu">
              <li><a>
                Testing 1
              </a></li>
              <li><a>
                Testing 2
              </a></li>
          </ul>
        </div>
        <div class="col-md-6">
            <input type="text" class="form-control"/>
        </div>
    </div>
</form>

这是 JS fiddle :http://jsfiddle.net/ergLb/

你们知道这是为什么吗？

Answer 1

我添加了 type="button"并且它有效。

https://github.com/twbs/bootstrap/issues/3886