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

2024年2月10日 43次阅读 来源: 溯丶

最近遇到一个随着输入同时更新数据的问题，作为小萌新特地查了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('当域的内容发生改变时触发');
}

 

    原文作者：溯丶
    原文地址: https://blog.csdn.net/qq_37172173/article/details/82391559
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞