一个FastClick引起的BUG

昨天碰到一个奇怪的BUG: 我的页面上有多个垂直摆放的select和input[type="text"], 当选中某一个inputA的时候, 页面会先选中inputA, 然后莫名其妙地选中在inputA上下一定距离的inputB.

最终我猜问题是FastClick导致的, 因为FastClick会触发Ghost Click (JS触发的Click事件, 以消除300ms延迟), 由于选中inputA的时候, 手机会弹出键盘, 因此导致页面有微小的滚动, 这是FastClick的Ghost Click就点击到了inputA上下一个距离的inputB上, 于是就有了那个莫名其妙的乱跳BUG.

解决方法是在这个页面上取消FastClick即可.

在Github上提了个Issue

作者：柳正来
链接：https://www.jianshu.com/p/d2c1c6e3ca7b
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。