AngularJs Bootstrap typeahead erkennt Ereignis ausgelöst auf Enter-Taste

Question

Ich habe einen eckigen Bootstrap typeahead und der Code ist wie unten angegeben.

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> 

Mein Controller

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

Wenn Maus Fokus auf eine der Optionen typeahead, meine onSelect Funktion ist unabhängig von Mausklick aufgerufen oder Taste drücken Sie die Eingabetaste. I.E es wird aufgerufen, wenn eine Auswahl getroffen wird. Aber ich möchte zwischen einem Mausklick und der Eingabe der Schlüsselauswahl unterscheiden, da ich jeweils einen anderen Fluss hinzufügen möchte.

Wie kann ich 2 separate Funktionen auf Enter-Taste drücken und auf Mausklick aufrufen. Oder kann ich Enter-Taste drücken oder einen Mausklick in meiner OnSelect-Funktion?

Bitte beachten Sie: Ein Schlüsselereignis (d. H. MyKeyUp()) wird nicht ausgelöst, wenn ich "enter" drücke. Nur die OnSelect-Funktion wird aufgerufen.

Answer 1

in Ihrer Funktion können Sie feststellen, ob Enter-Taste gedrückt wird und zu handhaben beide Fall

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