要实现手机端横向滑动效果并不难，了解实现的原理及业务逻辑就很容易实现。原理：touchstart(手指按下瞬间获取相对于页面的位置)——》touchmove(手指移动多少，元素相应移动多少)。 接下来讲讲实现逻辑： 其实就是手指拖动列表向哪个方向移动多少像素，并设置左右拖动的边界值。 附上代码及注释 ...
分类：
移动开发 时间：
2017-05-14 15:26:54
阅读次数：
304
js中，我们可以给一个dom对象添加监听事件，函数就是 addEventListener("click",function(){},true); 很容易理解，第一个参数是事件类型，比如点击(click)、触摸(touchstart)， 第二个参数就是事件函数， 比如我给一个button添加alert ...
分类：
Web程序 时间：
2017-05-12 16:06:02
阅读次数：
291
在用zepto中做屏幕的触摸来滑动图片的过程中，获取touchstart中的数据，是用e.touches[0],当时我就奇怪为什么是放在数组里面，而且打印出来的全部都是长度为1的touches数组。 后面，我想做两只手指来滑动图片的时候，才觉得一条触摸路径对应一个touches数组中的数据。但是在手 ...
分类：
其他好文 时间：
2017-05-11 18:29:27
阅读次数：
173
移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 ...
分类：
移动开发 时间：
2017-05-10 19:57:57
阅读次数：
289
canvas实现简易画布 function Canvas(Obj,Can,Color,fn){ //参数二代表canvas对象，参数三代表2d对象，参数四代表颜色 EventUtil.addHandler(Obj,"touchstart",function(evt){ Can.save() fn&& ...
分类：
其他好文 时间：
2017-04-28 16:09:04
阅读次数：
172
移动端碰撞检测 function drag(obj1,obj2,success){ obj1.addEventListener("touchstart", function(e) { var touches = e.touches[0]; window.disX= touches.clientX - ...
分类：
移动开发 时间：
2017-04-28 15:58:02
阅读次数：
308
js的touch事件，一般用于移动端的触屏滑动: $(function(){ document.addEventListener("touchmove", _touch, false);}) function _touch(event){alert(1); } touchstart:当手指触摸屏幕时 ...
分类：
其他好文 时间：
2017-04-20 18:13:43
阅读次数：
176
第一部分：四个touch事件1.touchstart：只要将手指放在了屏幕上（而不管是几只）,都会触发touchstart事件。2.touchmove:当我们用手指在屏幕上滑动时，这个事件会被连续触发。如果我们不希望页面随之滑动，我们可以使用event的preventDefault来阻止这个默认行为。3.touchend:当..
分类：
移动开发 时间：
2017-04-17 22:31:00
阅读次数：
233
移动端touch触屏滑动事件、滑动触屏事件监听！ 一、触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel 目前移动端浏览器均支持这4个触摸事件，包括IE。由于触屏也支持MouseEvent，因此他们的顺序是需要注意的：touchstart → ...
分类：
移动开发 时间：
2017-04-15 17:57:23
阅读次数：
245
移动端涉及图片轮播或者一些交互性的游戏时都会用到，毕竟移动端交互大多都靠手指。 移动端有四个关于触摸的事件，分别是touchstart、touchmove、touchend、touchcancel（比较少用）, 它们的触发顺序是touchstart-->touchmove-->touchend--> ...
分类：
其他好文 时间：
2017-04-15 17:55:10
阅读次数：
297
