Toggle navigation

技巧

事件委托和DOM事件

Hammer 通过 domEvents: true 选项触发DOM事件。 这里将提供像 stopPropagation() 的方法, 因此你可以使用事件委托。 Hammer 不会解开绑定的事件。

尽量避免垂直的平移(pan)/滑动(swipe)

垂直的平移是用来滚动页面的,一些(旧的)浏览器不会发送事件,所以Hammer无法识别这些手势。 选项将提供另一种方法来执行相同的操作。

真实设备测试

有时候Hammer只是需要一些微调, 比如滑动速度或其他一些阈值。 另外, 为了在较慢的设备上获得更好的性能,您应该尽量让回调函数尽可能地简单。 这样的网站如 JankFree.org 有关于如何提高性能的文章。

移除Windows Phone上的点击亮点

当你点击一个元素时,IE10和IE11在Windows Phone上有一个小的亮点。添加这个meta标记将移除这个。

<meta name="msapplication-tap-highlight" content="no" />

“我再也不能选择我的文本了”

Hammer设置一个属性,可以改善桌面端的平移体验。 通常,桌面浏览器会在拖拽页面时选择文本。 这个 user-select css 属性可以禁止它。

如果您关心的是文本选择,而不是桌面体验,您可以简单地从默认选项中删除该选项。在创建实例之前确保您这样做。

delete Hammer.defaults.cssProps.userSelect;

“点击一下,也会被触发,我不想那样!”

这个点击事件也被称为“鬼点击”。我已经创建了一个小函数来防止触碰后的点击。从Ryan Fioravanti这篇文章中得到了很大的启发。

编辑这个页面在 GitHub