AngularJs Bootstrap提前輸入檢測在Enter鍵上觸發的事件

Question

我提前輸入了一個角引導程序，代碼如下。

HTML：

<div class="col-sm-12 dlg-zero-margin-padding hide-last-result" align="left">
    <input type="text" id="myInput" 
        ng-model="selected" 
        ng-keyup="myKeyUp(event,this.value)"
        typeahead="item for item in filterInput($viewValue)"
        typeahead-on-select='onSelect($item)'>                       
</div>

我的控制器

$scope.myKeyUp(event, value) {
    debugger;
}
$scope.onSelect(event, value) {
    debugger;
}

當鼠標焦點位於任何一個預輸入選項上時，無論單擊鼠標還是按下Enter鍵，都會調用我的onSelect函數。 IE即在進行選擇時被調用。 但是我想區分鼠標單擊和輸入鍵選擇，因為我想在每種情況下添加一些不同的流程。

如何在Enter鍵和鼠標單擊時調用2個單獨的函數。 還是可以在onSelect函數中檢測到回車鍵或鼠標單擊？

請注意：當我按下“ enter”鍵時，在keyup事件（即myKeyUp（））不會觸發。 僅onSelect函數被調用。

Answer 1

在您的函數內部，您可以確定是否按下Enter鍵並處理兩種情況

$scope.onSelect(event, value) {
if(event.which ===13){
//enter is pressed
}else{
debugger;
}
}