javascript - 专注于 bootstrap-tokenfield 输入

Question

当模态出现时，我想关注 token 字段输入字段。目前它只有在我点击模态中的输入字段时才会聚焦。

https://jsfiddle.net/csisanyi/h19Lzkyr/12/

我尝试添加以下代码

    Mousetrap.bind('w', function() { 
  document.getElementById("keywordButton").click();
  document.getElementById("keyword-input").focus();
  }); 

我还尝试添加 <input autofocus>但是当 token 字段被初始化时，它似乎被覆盖了。

我检查了 bootstrap-tokenfield documentation但是那里并没有真正提到输入字段焦点。

有什么建议吗？

Answer 1

你想让焦点在按钮上还是输入框上？您指定的 ID 用于聚焦按钮。你提到希望该领域集中注意力，但你似乎并没有呼吁它。我无法发表评论，但会随着时间的推移对其进行编辑。HTML:

<div class="modal-body">
    <p class="modal_text">Add keywords.</p>
    <input class="token-input input-group-lg keywordmodalclass" id="keyword-input" type="text" name="keywords" value="" placeholder="Keywords">
</div>
<div class="modal-footer">
    <button id="saveKeyword" type="submit" class="btn btn-success" onclick="submitKeywords()">Save Keywords</button>

J查询:

 Mousetrap.bind('w', function() { 
      document.getElementById("keywordButton").click();
      document.getElementById("keyword-input").focus();
  });