fastclick导致的iphone中select点击闪退的bug

在移动端页面开发工程中,为了解决iphone中点击事件300ms延迟的问题,一般不造轮子的做法就是引入fastclick.js,这个js库也是非常的好用,在页面初始化的最前面只需要加上如下代码即可(文章末尾会附上fastclick.js的下载链接,是改装版的):

window.addEventListener('load', function() {
FastClick.attach(document.body);
}, false);
这样用一直是很爽的,没有什么问题,然而就在前不久,页面要加个多项选择的下拉框,我一想就用原生的select来解决,效果也是挺不错的,然而,在iphone上,轻触select的时候select会出现闪退的现象, See video here:  http://youtu.be/0J_RNTMzHyQ  ,借用老外的链接吧,免得又要发视频,如果你遇到的问题跟这个视频中的一样的话,那就用下面的方法来解决吧:

解决办法就是在修改Fastclick的源码,判断点击目标的类型如果是select的话,就return,不用再去经过fastclick的逻辑,修改好的js文件链接已经放在下面了,大家可以下载了去试试!

下载地址:http://download.csdn.net/detail/playboyanta123/9360793

你可能感兴趣的:(Web前端,移动端)