angularJS directive

enterToTab.js

angular.module('directive', [])
.directive('enterToTab', function () {
    return {
        restrict: 'A',
        scope: {
            afterEvent: '&afterEnter',
            beforeEvent: '&keydown'
        },
        link: function (scope, element, attrs) {
            element.bind('keydown', function (event) {
                //call event before enter
                scope.beforeEvent({ 'event': event });
                //we only process "enter"
                if (event.which != 13)
                    return;
 
                //first, the element will lose focus
                element[0].blur();
 
                //find all element have attribute
                var lstElement = document.querySelectorAll('[enter-to-tab]');
 
                //it will focus to next element, when we find more than one directive
                if (lstElement.length > 1) {
                    //current element finds index
                    var index = -1;
                  
                    for (var idx in lstElement) {
                        if (lstElement[idx] === element[0]) {
                            index = idx;
                            break;
                        }
                    }
 
                    //index is last element, move to first element
                    if (++index === lstElement.length) {
                        index = 0;
                    }
 
                    //select all text
                    lstElement[index].select();
                }
 
                //call event after enter
                scope.afterEvent({ 'event': event });
            });
        }
    };
});