ionic3 表單輸入元素input的三種事件

1.onblur事件html

onblur事件即爲失去焦點時觸發的事件,而所謂的焦點就是一閃一閃的光標。而ionic中onblur則爲ionBlur,具體用法以下:ionic

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

 

//ts
onBlur(){
console.log('當失去焦點時觸發');
}
 事件

2.onfocus事件input

onfocus事件即爲獲取焦點時觸發的事件,而ionic中onblur則爲ionFoucs,具體用法以下:io

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

//ts
onFocus(){
console.log('當獲取焦點觸發');
}
 co

3.onchange事件focus

onchange事件即爲當域的內容發生改變時觸發的事件,而ionic中onchange則爲ionChange,具體用法以下

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

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

相關文章
相關標籤/搜索