离子聚焦事件等效



在 Ionic v3 中,有一个等价的onfocus称为 (ionFocus)

例如,要检查离子按钮的焦点,它将是:

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

我想知道是否有onfocusout的等价物.


我累了:

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

但这并没有奏效。

非常感谢

一种更离子的方式是使用 ionic 的 ionBlur 事件,每当所选元素失去焦点时,该事件就会触发一个事件(我已经在输入和搜索栏上使用它,但还没有在按钮上(

  (ionBlur)="checkFocus()"

如果是像我这样的菜鸟 😜

     <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>

在类型脚本文件中

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

相关内容

  • 没有找到相关文章

最新更新