`
ynb007
  • 浏览: 8322 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

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

阅读更多
本文也是从网上摘录的,因为坑爹的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()
      })
分享到:
评论

相关推荐

    zepto库中touch.js

    Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。touch库实现'swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown', 'doubleTap',...

    Zepto.js移动端左右滑动导航菜单.zip

    Zepto.js作为一种专为移动端优化的轻量级JavaScript库,其出色的性能和简洁的API使其成为了开发移动端交互式功能的热门选择。本文将详细介绍一个基于Zepto.js开发的移动端左右滑动导航菜单项目,深入探讨其技术实现...

    Zepto集成touch版本

    总之,"Zepto集成touch版本"是一个为触控设备优化的轻量级JavaScript库,包含丰富的DOM操作和手势处理功能,且API设计与jQuery相似,使得开发者能够在保持高效性能的同时,轻松实现手机端的交互设计。通过合理地运用...

    zepto包含touch模块

    zepto.js是一个轻量级的JavaScript库,专为移动设备的Web开发设计,尤其是针对触摸屏设备。它提供了类似于jQuery的API,使开发者能够轻松地处理DOM操作、事件处理、动画效果以及Ajax交互。在标题提到的"zepto包含...

    zepto手机库

    **zepto手机库** Zepto.js 是一个针对现代高级浏览器的JavaScript库,它与jQuery有着相似的API,但体积更小,更适合移动设备使用。在移动前端开发中,Zepto库因其轻量级和高性能而受到青睐。它专注于提供基本的DOM...

    基于touch.js+zepto.js开发的移动端图片查看器,基本实现图片左右滑动,双指缩放,双击缩放.zip

    【标题】基于`touch.js`+`zepto.js`开发的移动端图片查看器,基本实现图片左右滑动,双指缩放,双击缩放,是针对移动设备优化的图片浏览解决方案。这样的技术栈组合旨在提供一个高效、流畅且功能丰富的图片交互体验...

    zepto-touch:Zepto滑动插件

    Zepto滑动插件 注意:已弃用,请改用 。 经过测试 Android 2.3.5(中兴Q101T) Android 4.0.3(Coolpad 8076D) Android 4.2.2(Sony S36h) Android 4.4.2(三星GT-N7100) iOS 8.0(iPad) Windows Phone ...

    手机端滑动验证组件基于zepto

    Zepto.js是一款轻量级的JavaScript库,设计目标是对标jQuery,但在移动端有更优秀的性能表现。它专注于现代浏览器,支持触摸事件和CSS3动画,特别适合用于移动设备上的网页开发。Zepto.js的核心特性包括选择器、DOM...

    zepto手机页面滑动及页面动画特效.rar

    Zepto.js 是一个轻量级的JavaScript库,专为移动端浏览器设计,它提供了与jQuery相似的API,但体积更小,更适合移动环境。这个"zepto手机页面滑动及页面动画特效.rar"压缩包文件包含了使用Zepto.js和CSS3实现的手机...

    Zepto插件touch事件的源码解读共4页.pdf.zi

    在IT行业中,Zepto.js是一个轻量级的JavaScript库,主要设计用于移动Web开发,它在许多方面与jQuery相似,但体积更小,更适合移动设备。`touch`事件是Zepto.js中的一个重要部分,用于处理触摸屏设备上的交互。这份...

    zepto.js手机端网页上下手指滑动图片切换效果代码.zip

    zepto.js是一款轻量级的JavaScript库,专为移动设备的Web开发设计,它提供了类似于jQuery的API,但在体积上更小,更适合移动端的性能优化。这个压缩包"zepto.js手机端网页上下手指滑动图片切换效果代码.zip"包含了...

    Zepto.js移动端左右滑动导航菜单特效代码

    Zepto.js 是一个轻量级的JavaScript库,专门针对移动端浏览器优化,它具有与jQuery相似的API,但体积更小,加载速度更快,非常适合用于移动应用的开发。"Zepto.js移动端左右滑动导航菜单特效代码"就是利用Zepto.js来...

    zepto:node了一个

    在描述中提到的模块:“zepto event ajax form fx assets data selector touch”,这些都是Zepto库的核心组成部分,它们各自负责不同的功能: 1. **zepto.js**: 这是Zepto库的基础文件,包含了基本的选择器、DOM...

    基于zepto的插件之移动端无缝向上滚动并上下触摸滑动

    对于移动端的触摸滑动,Zepto提供了`touch`模块,可以方便地处理触摸事件。`touch`模块包括`touchstart`、`touchmove`和`touchend`事件,这些事件对应于触摸屏幕的开始、移动和结束动作。通过监听这些事件,我们可以...

    zepto-touchSlider:移动端滑动翻页效果(for Zepto)

    zepto-touchSlider是一款专为Zepto.js库设计的移动端滑动翻页插件,它能够帮助开发者在手机或平板等移动设备上实现流畅的水平或垂直滑动翻页效果。Zepto.js是一款轻量级的JavaScript库,类似于jQuery,但专注于移动...

    轻量级滑动锁Zepto.SliderLock.js.zip

    Zepto.SliderLock.js 是 Zepto 的扩展,实现了轻量级滑动锁,可以注册到达、成功、失败事件,支持lock,单文件,支持touch 标签:Zepto

    基于zepto的ui组件库适用于移动端

    “基于zepto的ui组件库”则是在Zepto基础上进一步封装的UI元素集合,为开发者提供了各种常见的用户界面组件,如按钮、下拉菜单、轮播图、滑动面板等。这些组件经过优化,能够更好地适应手机和平板电脑的屏幕尺寸和...

    zepto.js插件适用于微信等移动浏览器动画滑动效果

    zepto.js是一个轻量级的JavaScript库,专为移动端浏览器设计,特别是在iOS和Android设备上。它提供了类似于jQuery的核心API,使得在移动设备上进行网页开发变得更加便捷。针对标题和描述中的“微信滑动效果”,我们...

    加入了touch模块后的zepto.js

    众所周知zepto官网下载的js是不包含touch模块的,本人利用node.js的npm重新加入了该模块后重新打包,该压缩包包含zepto.js , zepto.min.js 以及linux下的zepto.min.gz

Global site tag (gtag.js) - Google Analytics