Bootstrap 输入字段在 return 按键时调用函数（如果字段获得焦点）

Question

我在 bootstrap 中有一个输入组，它是一个图标、一个字段和一个按钮 - 出于用户界面体验的目的，我希望 return 键调用附加的功能搜索按钮，但前提是该字段处于焦点状态。

原生 bootstrap 是否可行，或者是否需要某种形式的 jQuery？我不希望 return 按键永久用于激活此功能，仅当用户使用此输入搜索字段时。

提前致谢

<div class="form-group">
  <label class="control-label" for="another-location">Search for another location</label>

  <div class="input-group">
    <div class="input-group-addon" data-toggle="tooltip" data-placement="right" title="Location"><span class="fa fa-map-marker fa-fw"></span></div>
    <input type="text" class="form-control gllpSearchField" id="another-location" placeholder="A location" name="another-location" />

    <span class="input-group-btn">
      <button class="btn btn-default" type="button">Search</button>
    </span>                             
  </div>
</div>

Answer 1

是的，你需要 Jquery :

$('#another-location').keypress(function(event){
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if(keycode == '13'){
           alert('You pressed a "enter" key in textbox, here submit your form'); 
        }
    });

Bootstrap 输入字段在 return 按键时调用函数（如果字段获得焦点）

Bootstrap input field call function on return keypress if field is focused

jquery

twitter-bootstrap

twitter-bootstrap-3