/Javascript/AngularJS/Change the focus to next in angular forms

Change the focus to next in angular forms

import { Directive, ElementRef, HostListener, Input } from '@angular/core';

@Directive({
selector: '[moveNextByMaxLength]'
})
export class MoveNextByMaxLengthDirective {

constructor(private _el: ElementRef) { }

@HostListener('keyup', ['$event']) onKeyDown(e: any) {
    if (e.srcElement.maxLength === e.srcElement.value.length) {

        e.preventDefault();

        let nextControl: any = e.srcElement.nextElementSibling;
       // Searching for next similar control to set it focus
        while (true)
        {
            if (nextControl)
            {
                if (nextControl.type === e.srcElement.type)
                {
                    nextControl.focus();
                    return;
                }
                else
                {
                    nextControl = nextControl.nextElementSibling;
                }
            }
            else
            {
                return;
            }
        }
    }
}

}

-1

Source: stackoverflow.com

Similar codes

0 vote158 views1 answer
Ngstyle background url angular
Javascript AngularJS
0 vote159 views1 answer
Ngif is string angular
Javascript AngularJS
4 votes156 views1 answer
Declare * angular jquery
Javascript AngularJS
0 vote143 views1 answer
Angular conditional tooltip
Javascript AngularJS
0 vote221 views1 answer
Angular Espanol
Javascript AngularJS
0 vote100 views1 answer
Install bootstrap in angular 9 stack overflow
Javascript AngularJS
1 vote150 views1 answer
Angular show time ago
Javascript AngularJS
-1 vote295 views1 answer
An unhandled exception occurred: ENOENT: no such file or directory, lstat 'C:\Users\hp\Desktop\New folder\node_modules' See "C:\Users\hp\AppData\Local\Temp\ng-uhxyh2\angular-errors.log" for further details.
Javascript AngularJS
10 votes183 views2 answers
Make service in angular 8
Javascript AngularJS
0 vote175 views1 answer
Get page link angular
Javascript AngularJS