Question

我的输入看起来像这样：

.html

<mat-form-field>
 <input matInput placeholder="A blablabla" required
        (focus)="focusIn($event)" (focusout)="focusOut($event)"
        [(ngModel)]="A.txt1" (ngModelChange)="onChange()"
        (keypress)="numberOnlyMin($event)">
</mat-form-field>

我的方法是：

.ts

focusIn(event: FocusEvent) {
  console.log(event.detail);

}

focusOut(event: FocusEvent) {
  console.log(event.detail);

}

基本上，我想在写完之后立即检索输入的值，这就是为什么我使用focusOut。但是我一直都检索0，有什么原因吗？以及如何在这两个焦点之间传递数据？

谢谢！

Answer 1

您为什么不使用(change)事件呢？

仅当您将注意力集中在输入上并且输入值发生更改时，才会触发此操作。因此，您实际上不必聆听所有其他事件。

这是您推荐的Working Sample StackBlitz。

Answer 2

您正在寻找模糊方法。

组件中的用法：

  onBlur($event) {
    console.log($event.target.value);
  }

标记中的用法

<input type="text" (blur)="onBlur($event)" >

使用（焦点）检索输入值

2 个答案: