惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园_首页
博客园 - 【当耐特】
IT之家
IT之家
M
MIT News - Artificial intelligence
酷 壳 – CoolShell
酷 壳 – CoolShell
Martin Fowler
Martin Fowler
V
Visual Studio Blog
F
Fortinet All Blogs
The Cloudflare Blog
Last Week in AI
Last Week in AI
博客园 - 司徒正美
G
Google Developers Blog
Vercel News
Vercel News
爱范儿
爱范儿
小众软件
小众软件
WordPress大学
WordPress大学
I
InfoQ
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
MongoDB | Blog
MongoDB | Blog
A
About on SuperTechFans
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
C
Check Point Blog
Apple Machine Learning Research
Apple Machine Learning Research
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知

西枫里博客

如何养好一只兔子 - 西枫里 浙北安吉北部乡镇春节民俗 - 西枫里 湘西张家界之旅(游记篇) - 西枫里 热闹的电影暑期档 - 西枫里 湘西张家界之旅(攻略篇) - 西枫里 阳记 - 西枫里 一地鸡毛,高歌欢进(三) - 西枫里 华为Nova7SE换屏维修记录 - 西枫里 魔都魔幻生活——我的抗疫经历 - 西枫里 树莓派升级手记 - 西枫里 尝试挽救一下我的SEO——页面常规优化 - 西枫里 2022年在上海外地牌照车辆异地年检流程 - 西枫里 尝试挽救一下我的SEO——域名和主机的影响 - 西枫里 尝试挽救一下我的SEO——缘起 - 西枫里 米6钉子户,更换电池再战2年。 - 西枫里 二换科鲁兹前照灯灯泡 - 西枫里 一地鸡毛,高歌欢进(二) - 西枫里 联想拯救者14ISK更换电池 - 西枫里 冷车打火喘抖怎么办?倒车灯倒车雷达影像没反应怎么办? - 西枫里 树莓派刷64位系统放内网做服务器使用 - 西枫里 米6刷MIUI12的简易教程(进击的小米6) - 西枫里 一地鸡毛,高歌欢进(一) - 西枫里 人近不惑三十六,本命牛年转乾坤。 - 西枫里 魔都新冠疫苗接种记 - 西枫里 thinkpad扬声器没声音 - 西枫里 个人健康管理,刻不容缓 - 西枫里 Hello Java - 西枫里 到了退休年龄社保未缴满十五年怎么办? - 西枫里 科鲁兹/英朗后备箱开关更换 - 西枫里 iphone6换屏教程,附iphone已停用解锁 - 西枫里
钉钉H5微应用日历组件IOS不能唤起 - 西枫里
西枫里 · 2019-09-05 · via 西枫里博客

原本遇到的问题是ios上触发不了onclick事件。简单检索一番就找到了答案,只需要在相应的控件上加上样式cursor:pointer即可。原因是非点击元素上绑定了点击事件,IOS不能识别,所以在元素加个样式就可以了。

carbon.jpg

在IOS上无法唤起钉钉日期&月历组件的原因

微应用上一个字段需要输入日期,所以直接把钉钉日期控件加载了,测试的时候,安卓一切正常,会弹一个浮层出来显示完整的日历,也美观。到了IOS上却不行了,无法弹出日历。然后就去看了钉钉文档。明明是支持的,就奇怪了。因为日历组件我是通过click触发的,所以很容易想到是不是IOS无法触发click事件的问题,所以就有了前面这个办法。然后自感不对,因为input原本就是可点击元素。问题不在这里,直到下班无解。晚上回家,翻手机的时候,无意间发现安卓上面的日历浮层下面弹出了键盘。因为安卓的日期是浮层显示的,所以键盘完全没影响。再去看钉钉文档上的示例图显示IOS的是日期选择器,并且和键盘弹出方式一样,该不会被键盘挡住了吧。

解决办法

简单测试一般,用div标签替换了input,很明确就是被键盘遮挡了日期选择器。所以改造一下input的输入即可。钉钉日期组件是回调一个日期的,所以通过jquery将结果写回input的方式操作。那就简单了,把input设为readonly熟悉。这样就无法触发焦点,IOS也就不弹键盘了,但是还有个问题,就是input置灰了,不知道的以为不能输入,用户体验不好,所以再给input加个样式background-color:#ffffff的样式即可。