一个FastClick引起的BUG

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

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

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

在Github上提了个Issue

你可能感兴趣的:(一个FastClick引起的BUG)