Breaking News: Grepper is joining You.com. Read the official announcement!

change the focus to next in angular forms

Upset Unicorn answered on May 15, 2020 Popularity 7/10 Helpfulness 1/10

answer change the focus to next in angular forms

change the focus to next in angular forms

Comment

-1

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

}

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: angular-forms focus javascript next

Link to this answer
Share Copy Link