关于IOS那些事_input type number ios-优快云博客

本文链接：https://blog.youkuaiyun.com/Mr_lijie/article/details/122809224

本文探讨了移动端iOS项目中遇到的三个常见问题：验证码重复输入、数字输入允许字母、日期解析问题。提供了针对性的代码解决方法，包括输入验证、时间格式转换和loading行为优化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

移动端项目开发中IOS系统会遇到一些奇怪的问题，以下列举了一些，后续会继续完善

IOS获取验证码，会在键盘上出现验证码，点击即可填写到验证码输入框中，但是实际开发中发现会重复输入两次，以6位验证码为例，解决办法如下：

<input type="number" oninput="if(value.length>6)value=value.slice(0,6)" />

IOS设置type=number仍可输入字母，解决办法如下：

<input type='number' pattern="[0-9]*"/>

IOS下解析年月日时分秒格式（1920-07-02 13:00:00）的字符串为时间戳，会有问题，因为ios不识别 -，解决办法如下：

/**
 * @function 处理时间
 * @description 将 yyyy-MM-dd HH:mm:ss 时间转换为时间戳
 * @param time { String } yyyy-MM-dd HH:mm:ss格式的时间
 * @return { String } 返回指定时间的时间戳
 */
formatDate (time) {
  return new Date(time.replace(new RegExp('-', 'gm'), '/')).getTime()
}

IOS在页面跳转前展示loading，然后进行跳转，但是从下一个页面返回到展示loading的页面后，loading不消失，可以通过一下监听去解决

window.addEventListener('visibilitychange', function () {
  alert('2222')
})