ionic3 表单输入元素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('当域的内容发生改变时触发');
}