iOS Safari自定义键盘快速双击触发缩放问题及解决方案求助
iOS Safari自定义键盘快速双击触发缩放问题及解决方案求助
各位Stack Overflow的大佬们好,我最近碰到个棘手的问题,想请大家帮忙出出主意:
我开发了一个带自定义键盘的Web应用,用JavaScript和CSS实现的整体功能都正常,但在iOS Safari上遇到了个烦人的小bug——当用户快速点击按键(比如连续按退格键的时候),会意外触发系统的双击缩放功能。我清楚这是iOS的无障碍特性,用户主动双击时我当然希望它正常工作,但在快速操作自定义键盘时触发缩放,完全打乱了操作体验。
我已经试了好几种方法,可惜都没效果:
- 给meta viewport设置了
maximum-scale=1.0和user-scalable=0,但这招iOS早就不支持了,确实没起作用 - 写了个自定义JavaScript函数,给按键绑定
ondblclick事件,在事件处理里调用preventDefault()并返回false,没用 - 给按键和键盘容器的CSS加了
touch-action: pan-x pan-y;,依然没任何改观
现在实在没头绪了,有没有大佬遇到过类似的情况,或者有其他可行的解决方案可以推荐?麻烦大家支支招,谢谢了!
备注:内容来源于stack exchange,提问作者Avi Sato
相关产品推荐
相关产品推荐

