评论

【实战记录】h5项目引入fastclick后,点击input框时,要过一会才弹起键盘

引入fastclick导致input不能立刻获取焦点适配

  • 背景:

在维护一个历史项目时,发现登录页面,在输入手机号,点击input框,发现无法立刻获取焦点,通过查找代码,发现项目中引入了fastclick。

  • 问题描述:

FastClick,这个库解决了什么问题?

click 300ms延迟:浏览器click会比touch延迟300ms触发

click穿透现象:当两个div同处一个position,上层div绑定touch,下层div绑定click,当上层div触发touch消失后,可能会触发下层div的click事件

既然Fastclick是为了解决这两类问题,其实现原理如下图所示:

  • 解决方案:


最后一次编辑于  2022-05-09  
点赞 15
收藏
评论

1 个评论

登录 后发表内容