Как я могу изменить поведение клавиши ввода с angularjs

Question

не дублируется

У меня есть поиск с входом, кнопкой и другой кнопкой для переключения расширенного поиска:

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

Но это также переключает «подменю», я не знаю, как отключить поведение этого «Подменю», когда я нажмите клавишу ввода.

Дополнительная информация:

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> 

Если у вас есть эта проблема, просто добавить «кнопку» Тип = так:

<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: просьба указать ID вашей кнопке save-btn, чтобы получить эту работу.

Answer 3

Вы пытались применить фокус? Как это:

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