Question

NOT DUPLICATED

我搜索了一个输入，一个按钮和另一个按钮来切换高级搜索：

<form role="form">
  <div class="form-group ">
  <input type="text" id="search-input" ng-model="searchTerm" autocomplete="off" autofocus ng-keydown="onKeyDownEnter($event)" />
    <div class="btn-group " >
      <button type="button" ng-click="search()" class="btn btn-default">Submit</button> 
      <button class="btn dropdown-toggle  downArrow" data-toggle="dropdown">
        <span class="caret"></span>
        <span class="sr-only">Desplegar menú</span>
      </button>
        <div id="subMenu" class="dropdown-menu advanced-search"> 
          <div class="form-group">
            <label for="usr">Find documents with...</label>
            <input type="text" class="form-control" ng-model="adSearch.q1">
          </div>
          <div class="form-group">
            <label for="usr">And</label>
            <input type="text" class="form-control" ng-model="adSearch.q2">
          </div>
          <div class="form-group">
            <label for="usr">Or</label>
            <input type="text" class="form-control" ng-model="adSearch.q3">
          </div>
          <div class="form-group">
            <label for="usr">Not</label>
            <input type="text" class="form-control" ng-model="adSearch.q4">
          </div> 
      </div>  
    </div>
  </div>
</form>

当我按下回车键时，高级搜索的按钮将执行操作。我想知道当我按下回车键时，我可以对正常搜索（fisrt按钮）采取什么操作。

我不想使用jquery或javascript我需要用angularjs来做，我以为我可以用css做但似乎我不能。

我可以用这个：

 $scope.onKeyDownEnter = function($event){
  if ($event.keyCode === 13) {
    console.log("yeeeee");
  }
};

但是这也切换了“subMenu”，当我按下回车键时，我不知道如何禁用那个“subMenu”的行为。

额外信息：

Here i have the subMenu before press enter key

Here i have the subMenu after press enter key

Answer 1

我不知道为什么这段代码是导致这个问题的原因：

<button class="btn dropdown-toggle  downArrow" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Desplegar menú</span>
  </button>

如果您遇到此问题，只需添加type =＆＃34; button＆＃34;像这样：

<button type="button" class="btn dropdown-toggle  downArrow" data-toggle="dropdown">
          <span class="caret"></span>
          <span class="sr-only">Desplegar menú</span>
        </button>

一切都会好起来的

Answer 2

由于您在搜索输入框中使用了autofocus，因此您可以使用jquery来关注普通搜索按钮：

$(document).ready(function(){
   $('#search-button').blur(function(){ $('#save-btn').focus(); });
});

Ps：请为您的按钮save-btn提供ID以使其正常工作。

Answer 3

您是否尝试过应用焦点？像这样：

$('#myButton').focus();

如何使用angularjs

3 个答案: