Question

我试图处理按键操作，以避免在按下键盘上的删除按钮时删除输入的文本字段数据。

这是我的输入字段html代码：

<input type="time" class="custome-text-input" [(ngModel)]="d.hoursofoperationfrom"  formControlName="hoursofoperationfrom" [required]="days[i].checked" [readonly]="!days[i].checked">

Answer 1

您正在寻找keydown事件。

按下删除键时，应在事件上调用preventDefault。

模板：

<input type="time" class="custome-text-input" [(ngModel)]="d"  (keydown)="onKeyDown($event)">

component.ts

public onKeyDown(event: KeyboardEvent): void {
    console.log(event.keyCode);
    if (event.keyCode === 46) {   // 46 - Delete key
      event.preventDefault();
    }
}

如何处理按键操作以避免删除输入文本字段数据

1 个答案:

Stackblitz