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>

//tsonchange(){ console.log('當域的內容發生改變時觸發');}