离子 onfocusout 事件等价物答案

【问题标题】：Ionic onfocusout event equivalent离子 onfocusout 事件等价物
【发布时间】：2020-07-18 00:27:20
【问题描述】：

在 Ionic v3 中，有一个等效于 onfocus 的名称，称为 (ionFocus)。

例如，要检查离子按钮的焦点，它将是：

<button ion-button (ionFocus)="checkFocus()">Click Me</button>

我想知道onfocusout 是否有等价物。

我累了：

 <button ion-button (ionFocusout)="checkFocus()">Click Me</button>

但这没有用。

非常感谢

【问题讨论】：

标签： angular ionic2 ionic3

【解决方案1】：

更离子的方式可以是使用 ionic 的 ionBlur 事件，只要所选元素失去焦点，它就会触发一个事件（我在输入和搜索栏上使用过它，但还没有在按钮上使用过）

  (ionBlur)="checkFocus()"

【讨论】：

有没有办法用 ionBlur 停止焦点并只使用丢失的焦点？

【解决方案2】：

如果是像我这样的菜鸟?

     <ion-item no-lines>
        <ion-label stacked>My Label</ion-label>
        <ion-input
          type="text"
          placeholder="My place holder..."
          (ionFocus)="setInputFocus()"
          (ionBlur)="unCheckFocus()"
          [(ngModel)]="myInputValue">
        </ion-input>
    </ion-item>

在 typeScript 文件中

   setInputFocus() {
      console.log("Input box is active");
   }

  unCheckFocus() {
      console.log("Input box is Deactive");
  }

【讨论】：