ionic 表单输入元素input的三种事件

最近遇到一个随着输入同时更新数据的问题，作为小萌新特地查了ionic表单输入元素input的三种事件。

 

1.onblur事件

onblur事件即为失去焦点时触发的事件，而所谓的焦点就是一闪一闪的光标。而ionic中onblur则为ionBlur，具体用法如下：

//html
<ion-input [(ngModel)]="setprice" (ionBlur)="onBlur()"></ion-input>



//ts
  onBlur(){
    console.log('当失去焦点时触发');
  }

 

2.onfocus事件

onfocus事件即为获取焦点时触发的事件，而ionic中onblur则为ionFoucs，具体用法如下：

//html
<ion-input [(ngModel)]="setprice" (ionFocus)="onFocus()"></ion-input>

//ts
onFocus(){
    console.log('当获取焦点触发');
}

 

3.onchange事件

onchange事件即为当域的内容发生改变时触发的事件，而ionic中onchange则为ionChange，具体用法如下

//html
<ion-input [(ngModel)]="setprice" (ionChange)="onchange()"></ion-input>

//ts
onchange(){
    console.log('当域的内容发生改变时触发');
}