处理Touch事件能让你了解到用户的每一根手指的位置,在touch事件触发的时候产生,可以通过touch event handler的event对象取到,如果基于zepto.js开发,一般是通过event.touches 来获取属性。重要属性如下:clientX,clientY:触摸点相对于浏览器窗口viewport的位置 pageX,pageY: 触摸点相对于页面的位置 screenX,scr ...
2015-09-01 21:15 0 14642 推荐指数:
目的:记录 Zepto.js touch模块 源码阅读 源码: View Code 分析: 1、是单击还是双击 2、处理手指长按 3、是滑动(swipe)还是轻触(tap) 4、轻触 tap ...
一,引入: <script type="text/javascript" src="../../js/zepto.min.js"></script> 二,理解: zepto使用了几次后发现和jquery使用方法惊人的一致 1,加载 ...
Zepto.js简介 一、总结 一句话总结: Zepto.js语法和jquery起码百分之90相似,主要做移动端框架,和jquery mobile是一个类型的概念 1、Zepto.js做移动端的特点? Zepto有着独特的手指的触摸事件(tap、swipe。。。),且不再支持IE ...
一、概述 Zepto.js是一个轻量的js库,它与jQuery有类似的API。 zepto的设计目的是不到10K的通用库,快速下载,有一个熟悉的api-->精力专注在开发上。 流行起来的原因:轻量;只支持现代浏览器;非常方便的搭配其他框架(phoneGap)来编写代码;优秀的源代码 ...
1、 touch库实现了什么和引入背景 click事件在移动端上会有 300ms 的延迟,同时因为需要 长按 , 双触击 等富交互,所以我们通常都会引入类似 zepto 这样的库。zepto 中touch库实现了 'swipe', 'swipeLeft', 'swipeRight ...
最近由于公司项目需要图片查看器,网上搜了一圈,感觉资料很少,所以决定基于百度的touch.js手势库+zepto.js自己写了一个小插件,实现了左右滑动,双指缩放,双击缩放功能,基本使用还行,但是有时候还是不太顺畅,后续会慢慢完善;写的不好的地方望各位能够给出好的建议,谢谢! 源码地址 ...
简要:当我们用$()时,便会直接调用zepto.init 生成zepto对象,那zepto.init是如何根据不同类型的参数来生产指定对象呢? 1:这里首先判断如果没有传入参数,则返回新建的zepto对象 2:如果传入的是函数,$(function(){}) ,则执行 ...