解决IOS系统输入框快速输入时键盘闪烁问题

395 阅读1分钟

问题存在的环境

  1. 系统: iOS11以上
  2. 场景: 账号+密码输入框
  3. 终端: 移动端h5

问题描述

当在iOS使用两个input框一个type="number"和一个type="password"时,一般存在于使用账号密码登录的场景。

eddd278648a35e40754dcadb9d56261.jpg

image.png 在真机上反复调试发现,问题出现在iOS在识别到有密码输入框时,会触发自动填充密码的功能,所以在输入账号/用户名时每次会重新拉起手机键盘,导致键盘反复闪烁。

解决方案

经过测试发现,只有在与密码输入框相邻的输入框才会触发自动填充密码,所以我们可以在输入框中间加上一个隐藏的input框,手动阻断密码填充。

image.png