• 欢迎访问全栈之路
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧
  • 欢迎留言o(∩_∩)o 哈哈

IOS微信浏览器下自动粘贴验证码重复问题

前端开发 Torry.Yao 312次浏览

遇到一个奇怪的问题,在ios下发送短信验证码后,从键盘点击显示的验证码,如下:
WechatIMG171
输入框会双倍粘贴,比如验证码是:554112,复制之后就变成了554112554112,像很让人费解。

同一个手机下,试了一下用自带的safari浏览器也没有问题。就只在微信下,部分页面会出现这种情况。难道是这个是ios12或者是微信浏览器自己的bug?还是我们使用了vue这种有双向数据绑定的框架造成的?
努力了最终也没搞清楚为什么会出现这种问题。最后想了个比较投机的方法,先解决问题再说。

解决方法

解决方法也很简单,就是在验证码的输入框加入最大字数控制即可。
我们的验证码有6位,那么设置 maxlength=’6′ 就行了。
试了下,可以避免这个问题了,如果有大神知道什么原因,请告诉我们哈!


全栈之路 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明IOS微信浏览器下自动粘贴验证码重复问题
喜欢 (0)