javascript - 如何将 Google 的/MBP FastButton 代码与主干事件一起使用

Question

按钮在手机上运行缓慢(由于拖动检测等原因，大多数浏览器至少延迟 300 毫秒)。谷歌写了一些 javascript 来解决这个问题: http://code.google.com/mobile/articles/fast_buttons.html

Mobile HTML5 Boilerplate 人员将其集成到他们的包中: https://github.com/h5bp/mobile-boilerplate/blob/master/js/mylibs/helper.js#L86

我想弄清楚如何轻松地将其与主干一起使用。像这样的东西:

events: {
  "fastbutton button.save": "save"
}

其中 fastbutton 将 click 或 mousedown 替换为快速按钮代码。我希望我需要稍微重写 MPB.fastbutton 代码。有人做过吗？

Answer 1

与其到处创建“快速按钮”，不如使用像 FastClick 这样的库可能更明智。这将透明地将触摸转换为触摸元素上的点击事件，并消除 300 毫秒的延迟。

它就像 new FastClick(document.body) 一样简单，您就可以开始了。

这种方法的优点是，如果或当触摸事件的行为在移动设备上发生变化时，注册了点击事件的元素不会出现延迟，您只需更改一行代码即可删除库，而不是更改将“快速按钮”转换为常规按钮的所有代码。可维护性总是好的。