100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 小程序input框失去焦点后触发bindinput事件

小程序input框失去焦点后触发bindinput事件

时间:2019-09-03 23:36:51

相关推荐

小程序input框失去焦点后触发bindinput事件

背景:在真机浏览/调试中发现,在input中绑定bindinput后,在bindinput的事件中加一个console,在input失去焦点后,vconsole中可以看到打印结果,代表失去焦点触发了bindinput事件。

具体的实现方式是:

1.在data中增加变量isClear: false

2.在点击清空按钮时,除了做基本的数据清空操作外,增加了将isClear赋值为true,证明是点击了清空按钮

3.在bindinput绑定的事件中,增加了判断:

if (this.data.isClaer) {this.setData({isClaer: false})return}// 接下来是正常的处理赋值逻辑

在点击清空按钮,input失去焦点触发的bindinput事件中,会将变量isClaer恢复初始值,并return。

在其他正常的input失去焦点而触发的bindinput事件中,由于没有涉及到input中value的改变,不会影响。

console中可以看到打印结果,代表失去焦点触发了bindinput事件。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。