Question

我有重要的日历输入字段。我将其设置为只读输入字段，以便用户只能从弹出日期选择器中输入内容，但是当用户单击此字段时，我想使其专注于此字段。（突出显示输入字段） focus（）函数不会影响，因为这是只读输入字段。如何在只读输入字段上添加与焦点功能相同的效果？

<mat-form-field>
    <input matInput [matDatepicker]="dp3" placeholder="Input disabled" disabled>
    <mat-datepicker-toggle matSuffix [for]="dp3"></mat-datepicker-toggle>
    <mat-datepicker #dp3 disabled="false"></mat-datepicker>
  </mat-form-field>

Answer 1

尝试添加tabindex =“-1”，如果不起作用，则将其包装在带有tabindex =“-1”的范围内，并在范围上调用focus（）。从技术上讲，您不会集中输入，但是集中的跨度会给人以集中输入的错觉。

这是一个StackBlitz演示https://stackblitz.com/edit/angular-uaprbt

如何聚焦只读输入？

1 个答案: