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('当域的内容发生改变时触发');
}
作者: 王春天 出处: http://www.cnblogs.com/spring_wang/ Email: spring_best@yeah.net QQ交流:903639067
QQ群:322581894 关于作者: 大连天翼信息科技有限公司 技术总监。 SNF快速开发平台 创始人。应用平台架构师、IT规划咨询专家、业务流程设计专家。 专注于快速开发平台的开发、代码生成器。同时专注于微软平台项目架构、管理和企业解决方案,多年项目开发与管理经验,精通DotNet系列技术Vue、.NetCore、MVC、Webapi、C#、WinForm等,DB(SqlServer、Oracle等)技术,移动端开发。熟悉Java、VB及PB开发语言。在面向对象、面向服务以及数据库领域有一定的造诣。现从事项目实施、开发、架构等工作。并从事用友软件产品U8、U9、PLM 客开工作。 如有问题或建议,请多多赐教! 本文版权归作者和CNBLOGS博客共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过邮箱或QQ 联系我,非常感谢。