关于FastClick

由于移动端click事件的300ms延迟，很多人都选择了使用FastClick。但我在使用过程中遇到了一些问题。

覆盖了自己封装的tap事件

解决方法是给该元素添加class——“needsclick”，官方给出了Bootstrap下的解决方案：

1
<a class="dropdown-toggle needsclick" data-toggle="dropdown">Dropdown</a>

AMD环境下引入失败

比较严重的是在amd环境下，requirejs引入时候的bug。

源码是：

1
2
3
4
// AMD. Register as an anonymous module.
define(function() {
    return FastClick;
});

显然不合规范，导致引入后作用域内未定义。
但修改为：

1
2
// AMD. Register as an anonymous module.
define(FastClick);

又会在检测浏览器时报错：

1
2
3
4
// IE10 with -ms-touch-action: none or manipulation, which disables double-tap-to-zoom (issue #97)
if (layer.style.msTouchAction === 'none' || layer.style.touchAction === 'manipulation') {
    return true;
}

最后无奈，只好把amd环境下的定义去掉了。

Game over~