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