zepto的touch库安卓4.4滑动bug修复

最新推荐文章于 2025-12-04 17:39:28 发布

原创最新推荐文章于 2025-12-04 17:39:28 发布 · 198 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #zepto #ViewUI

zepto 专栏收录该内容

1 篇文章

订阅专栏

本文提供了一个针对zepto.js在Android 4.4系统上swipe事件触发不准确的问题解决方案。通过修改zepto源码中的touchmove事件处理逻辑，确保了在Android 4.4设备上swipe手势可以正确识别并触发，避免了默认行为导致的用户体验下降。

本文也是从网上摘录的，因为坑爹的zepto团队以没有安卓设备为由不予修复此问题，所以做个记录以免今后忘记了。
以下代码为zepto中部分代码，可查找后然后替换即可：


 .on('touchmove MSPointerMove pointermove', function(e){
        if((_isPointerType = isPointerEventType(e, 'move')) &&
          !isPrimaryTouch(e)) return
        firstTouch = _isPointerType ? e : e.touches[0]
        cancelLongTap()
        touch.x2 = firstTouch.pageX
        touch.y2 = firstTouch.pageY

        deltaX += Math.abs(touch.x1 - touch.x2)
        deltaY += Math.abs(touch.y1 - touch.y2)

		/**
         * 修复 android 4.4 swipe 事件
         * https://github.com/madrobby/zepto/issues/315#issuecomment-8386027
         */
        if (touch.x2 && Math.abs(touch.x1 - touch.x2) > 10)
            e.preventDefault()
      })