Question

在“登录”设计页面上，我必须将光标从Username移至Password <input>，并将相同的过程从Password移至{{1} } click事件，这样我就可以通过在Angular 6中按下键盘的Enter键来登录到我的页面。

下面的我的HTML代码：

<button>

Answer 1

使用（keyup.enter）=“ focusablePassword.focus（）”输入用户名，并调用#focusablePassword输入密码，这将执行与按钮相同的任务，如下面的代码所示。

     <div class="ibox-content login-form">
            <div class="form-group">
                <input type="text" class="form-control" id="inputUername" placeholder="Username" [(ngModel)]="loginData.username" autofocus  (keyup.enter)="focusablePassword.focus()">
            </div>
            <div class="form-group">
                <input #focusablePassword type="password" class="form-control" id="inputPassword" placeholder="Password" [(ngModel)]="loginData.password" (keyup.enter)="focusableSubmit.focus()" >
            </div>
            <button #focusableSubmit type="submit" icon="fa fa-sign-in" class="btn btn-primary" [disabled]="loginData.username == '' || loginData.password == ''"
                (click)="login()">Login</button>
            <div class="login-error-message" *ngIf="content.loginFailed">
                <p>Invalid username or password</p>
            </div>
        </div>

如何通过按角度6键盘输入将光标从下一个输入移动到另一输入和按钮

1 个答案: