微信系列--Android机微信小程序手写输入不能获取完整字符

问题描述:
微信小程序表单输入使用手写输入法,当输入完成后,点击空白处键盘收起,这时,绑定的input事件或者是change事件并不能获取到完整的输入内容。原因在于,当输入的文字有下划线的时候,手机不认为输入完成

1
2
3
4
<van-field label="姓名" placeholder="请输入姓名" bind:change="getUsername" border="{{false}}" value="{{form.userName}}" readonly="{{isReadonly}}"></van-field>
getUsername (value) {
this.setData({'form.userName': value.detail})
},

解决兼容性问题的方法是添加blur事件。

1
2
3
4
5
6
7
<van-field label="姓名" placeholder="请输入姓名" bind:blur="getUsernames" bind:change="getUsername" border="{{false}}" value="{{form.userName}}" readonly="{{isReadonly}}"></van-field>
getUsername (value) {
this.setData({'form.userName': value.detail})
},
getUsernames (value) {
this.setData({'form.userName': value.detail.value})
},

这样可以保证在失去焦点的时候,能获取到全部的输入值。

  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2015-2022 Lee
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信