uni-app开发微信小程序 真机ios系统 中文键盘输入字母不回车点击下一个input框 获取不到内容

uni-app开发微信小程序 真机ios系统 中文键盘输入字母不回车点击下一个input框 获取不到内容

信息类别 详细信息
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win 11
HBuilderX类型 正式
HBuilderX版本号 4.26
手机系统 iOS
手机系统版本号 iOS 18
手机厂商 苹果
手机机型 iPhone14
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

示例代码:

<br>
&lt;input type="text" v-model.trim="username" [@input](/user/input)="username = $event.detail.value" [@blur](/user/blur)="username = $event.detail.value" /&gt;  
<br>
&lt;input type="password" v-model.trim="password" maxlength="30" /&gt;

操作步骤:

<br>
&lt;input type="text" v-model.trim="username" [@input](/user/input)="username = $event.detail.value" [@blur](/user/blur)="username = $event.detail.value" /&gt;  
<br>
&lt;input type="password" v-model.trim="password" maxlength="30" /&gt;
  1. ios使用全键盘中文输入字母,不要点击键盘换行或者回车
  2. 点击下一个input框,输入的内容虽然显示在input中,但是获取不到值

预期结果:

点击第二个input框时,可以获取到全键盘输入的并且不点击回车或者换行的值

实际结果:

获取不到input值

bug描述:

uniapp开发微信小程序,真机ios系统,使用中文键盘输入字母不回车点击下一个input框的时候,获取不到内容。

参考了论坛的解决办法 使用@input @blur v-model 都尝试了 确实获取不到,已附上视频。

重复一下复现步骤:

  1. ios使用全键盘中文输入字母,不要点击键盘换行或者回车
  2. 然后点击下一个input框,输入的内容虽然显示在input中,但是获取不到值

ps: 全键盘中文输入完字母之后,点击input以外的地方是可以获取到输入的内容的,唯独点击其他input获取不到!


更多关于uni-app开发微信小程序 真机ios系统 中文键盘输入字母不回车点击下一个input框 获取不到内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html

9 回复

我也遇到了同样的问题,你这个问题解决了吗?

更多关于uni-app开发微信小程序 真机ios系统 中文键盘输入字母不回车点击下一个input框 获取不到内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html


大佬解决了吗,我也遇到了,不知道如何解决

可以试一下原生小程序 input 是否有这个问题

试过了,也不行的

回复 9***@qq.com: 那uniapp这边input 是转化成微信小程序的原生input。 这个需要在微信小程序社区反馈该问题。

这应该就是ios的兼容性问题

回复 BFC:嗯呐

大佬解决了吗

回到顶部