返回介绍

saber-fastbutton v0.2.0

发布于 2023-10-15 20:10:06 字数 1356 浏览 0 评论 0 收藏 0

解决移动端 300ms 点击延迟与点击穿透问题。该模块是基于 Google FastButton 的实现。

注:不支持非移动设备。

Usage

通过 edp 引入模块:

edp import saber-fastbutton
// 引入模块
var FastButton = require('saber-fastbutton');

// 目标元素
var target = document.getElementById('btn');

// 事件处理函数
function customHandler(ev) {
    alert('tap!');
}

// 实例化
var btn = new FastButton(target, customHandler);

// 在需要时销毁
btn.dispose();

API

new FastClick(element, handler)

创建 FastClick 实例。

FastClick 本身没提供事件委托,如需要可根据 handler 中传入的事件对象自己实现。

  • element {HTMLElement} 目标元素
  • handler {Function} 处理函数,第一个参数为事件对象

FastClick#dispose()

销毁 FastClick 实例。

Comparison

saber-fastbutton 的特点是:

  • 手动调用、管理
  • 体积小

saber-tap 的特点是:

  • 自动处理,对使用者透明
  • 体积大

这两个模块解决的问题相似,请根据实际场景选择。

,

Saber

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文