Question

在Ionic v3中，有一个名为onfocus的{{1}}。

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

(ionFocus)

我想知道是否有<button ion-button (ionFocus)="checkFocus()">Click Me</button>的等价物。

我累了：

onfocusout

但那没用。

非常感谢

Answer 1

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

  (ionBlur)="checkFocus()"

Answer 2

如果像我一样是noob

     <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");
  }

离子onfocusout事件等效

2 个答案: