AngularJs：如何通過在文本框中輸入文本後按Tab鍵來調用angularjs函數？

Question

我想知道如何通過按tab鍵調用angularjs函數？

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    
 
    
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 
First Name: <input type="text" ng-model="firstName"><br> 
 

 
</div>

如何使用angularJs，按下後的firstName調用函數，然後單擊標籤按鈕。因爲我是angularJs的新手，我知道ng-click，ng-change，但是我對此不知道。

請有人幫助我。

在此先感謝

Answer 1

你可以使用ngBlur。

但是，如果您單擊輸入外部以及Tab鍵，它將運行該功能。

Answer 2

你說點擊一個按鈕，但我以爲你要處理的標籤的keydown/KEYUP事件，因爲沒有標籤按鈕點擊。

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    var _this = this; 
 
    _this.firstName = ''; 
 
    _this.handleKeyDown = function($event) { 
 
     if ($event.which == 9) 
 
      alert('tab was pressed! Current value is: ' + _this.firstName); 
 
    } 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myCtrl as vm"> 
 

 
First Name: <input type="text" ng-model="vm.firstName" ng-keydown="vm.handleKeyDown($event)"><br> 
 

 
</div>