ng-enter to call ng-blur

by Venkata Sai Vamsi Penupothu

HTML

<div ng-app="myApp">
  <div ng-controller="MyCtrl">
     <input ng-model="name" ng-blur="checkKey2($event)" ng-enter="doBlur(event)" ng-keyup="checkKey($event)" />
</div>

JavaScript

var app = angular.module('myApp', []);

app.directive('ngEnter', function () {
    return function (scope, element, attrs) {
        element.bind("keydown keypress", function (event) {
            if(event.which === 13) {
                scope.$apply(function (){
                    scope.$eval(attrs.ngEnter, {'event': event})
                }); 
                event.preventDefault();
            }
        });
    };
});

app.controller('MyCtrl', ['$scope', function($scope) {
      $scope.name = '';
      $scope.checkKey = function(ev){
      	//console.log(ev.keyCode);
      }
      $scope.checkKey2 = function(ev){
      	console.log("on blur key ");
      }
      $scope.doBlur = function(event){
      	event.target.blur();
      }
}]);