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('當域的內容發生改變時觸發');
}