IOS网页兼容日记 —— 关于使用验证码接口图片无法正常切换

前言

我的餐饮项目也告一段落了，在架设前最后关于IOS兼容的问题令我头大，特地写下这篇日记希望能帮到你

在IOS下点击事件

ios打开我们的页面，我们原先的点击事件无效，但是在PC 和安卓端下正常执行，原因是

若给非button 或 a标签的元素增加点击事件，需要在点击事件的元素添加CSS：cursor: pointer

验证码接口无法切换

验证码接口：/account/verify
Dom：

   <img src="/account/verify" alt="" width="100px" height="100px" id="verifyImg" style="cursor:pointer;">
   <button style="border: none;background: gray;color: white;width: 100px;appearance: none;height: 30px;cursor: pointer" onclick="changeVerify()">切换</button>

给切换验证码图片的按钮增加接口/ ?id=Math.random() 即可

这里加了一个Ajax请求方法

    //修改verify 原因IOS同时对一个验证码进行请求的API重复则不会二次执行
    function changeVerify(){
        $("#verifyImg").attr("src","/account/verify?id=" + Math.random());
    }

即可完成在IOS下验证码兼容。

结束语

今天我们讲解了一下IOS网页兼容关于使用验证码接口图片无法正常切换

• 如果对你有帮助的话可以给我点赞收藏，十分感谢
• 致力做优、好、细、精学习笔记分享给大家
• 可以转载 需标明 出处 本文链接。
• 笔者一个开源项目：餐饮管理系统 希望大家可以点一下star哦

感谢你的观看。