解决移动端 300ms
点击延迟与点击穿透问题。该模块是基于 Google FastButton 的实现。
注:仅适用于移动设备。
通过 edp 引入模块:
edp import saber-fastbutton
// 引入模块
var FastButton = require('saber-fastbutton');
// 目标元素
var target = document.getElementById('btn');
// 事件处理函数
function tapHandler(ev) {
alert('tap!');
}
// 实例化
var btn = new FastButton(target, tapHandler);
// 在需要时销毁
btn.dispose();
创建 FastClick
实例
FastClick
本身没提供事件委托,如需要可根据 handler
中传入的事件对象自己实现
- element
{HTMLElement}
目标元素 - handler
{Function}
处理函数,第一个参数为事件对象 - return
{FastClick}
销毁 FastClick
实例
saber-fastbutton
的特点是:
- 手动调用、管理
- 体积小
saber-tap
的特点是:
- 自动处理,对使用者透明
- 体积大
这两个模块解决的问题相似,请根据实际场景选择。