h5 IOS微信欣赏器input输入账号键盘闪烁

计算机软件开发 · 2024-9-8 19:37:29

标题

由项目需求只能在手机微信欣赏打开h5页面
在登录界面。输入账号时，ios手机软键盘反复闪烁
缘故起因

由于微信欣赏器的重绘行为；
简单明白就是，自ios11开始，苹果手机的欣赏器就有了主动添补暗码的功能，
具体来说就是一个手机号暗码登录的页面，ios辨认到当前页面有暗码输入框，以是触发了主动添补暗码的功能。
办理方案

autoComplete="off" 和 autoComplete="new-password" （遗憾不见效）

// 设置`autocomplete`为`off`,实用于平凡文本框<input type="text" autoComplete="off"/>// 设置`autocomplete`为`new-password`，实用于暗码输入框<input type="password" autoComplete="new-password"/>⚠️ 我查了很多资料，很多多少博主都是如许办理的。但是如今我测试的环境看，没啥用；具体缘故起因在这时间标题我没怎么研究，有爱好的门生可以看下

<input type="text" value="" style=" opacity: 0; width: 0;height: 0; /> （本人在用）

<input type="number" v-model="phone" placeholder="请输入手机号" autoComplete="off" /><input type="text" value="" style=" opacity: 0; width: 0;height: 0; " /><input type="password" v-model="password" autoComplete="new-password" placeholder="请输入暗码" />总结

账号暗码相邻的输入框会引发ios的主动暗码添补，须要对其举行阻断，在账号和暗码之间设置一个埋伏的input 去阻断账号暗码之间的联动
完善办理！

h5 IOS微信欣赏器input输入账号键盘闪烁

所属分类: 问答交流

新帖推荐: 30日

推荐作品