Question

我在bootstrap中有一个输入组，它是一个图标，一个字段和一个按钮 - 出于用户界面体验的目的，我希望返回键调用附加到搜索按钮的功能，但仅当该字段位于对焦。

这可能是本机引导程序还是需要某种形式的jQuery？只有当用户使用此输入搜索字段时，我才不希望永久使用return keypress来激活此功能。

提前致谢

<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'); 
        }
    });

如果字段被聚焦，则返回按键时引导输入字段调用函数

1 个答案: