一、手机上的触摸事件 基本事件： touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发 下面这个比较少用： touchcancel //触摸过程被系统取消时触发 每个事件都有以下列表，比如touchend的tar ...
分类：
移动开发 时间：
2017-06-02 12:37:09
阅读次数：
163
滑动屏幕 touchstart:接触屏幕时触发，touchmove:活动过程触发，touchend:离开屏幕时触发 首先获取手接触屏幕时的坐标X,Y 然后获取滑动的坐标，并使用后面的坐标减去前面的坐标，通过获取的值判断其滑动方向。因为手滑动方向一般不是水平或者垂直的，所以可使用Math.abs()进 ...
分类：
移动开发 时间：
2017-05-15 18:24:12
阅读次数：
1813
document.body.addEventListener('touchend', function(evt) { document.activeElement.blur(); }); ...
分类：
其他好文 时间：
2017-05-08 14:36:04
阅读次数：
112
点击按钮显示隐藏DIV，点击DIV外面隐藏DIV 注意：此方法对touch事件不行，因为stopPropagation并不能阻止touchend的冒泡 ...
分类：
其他好文 时间：
2017-04-24 15:26:47
阅读次数：
146
移动端左右、上下滑动： 当页面中既需要页面滑动操作，又需要上下或左右滑动页面上的某个元素时，直接使用zepto中提供的swipe事件是不能直接达到目的的，原因如下： （1）在Android低端机上touchEnd会不被触发。 （2）zepto中的swipe 事件通过 事件冒泡机制实现事件监听 在do ...
分类：
移动开发 时间：
2017-04-24 12:06:07
阅读次数：
228
第一部分：四个touch事件1.touchstart：只要将手指放在了屏幕上（而不管是几只）,都会触发touchstart事件。2.touchmove:当我们用手指在屏幕上滑动时，这个事件会被连续触发。如果我们不希望页面随之滑动，我们可以使用event的preventDefault来阻止这个默认行为。3.touchend:当..
分类：
移动开发 时间：
2017-04-17 22:31:00
阅读次数：
233
移动端涉及图片轮播或者一些交互性的游戏时都会用到，毕竟移动端交互大多都靠手指。 移动端有四个关于触摸的事件，分别是touchstart、touchmove、touchend、touchcancel（比较少用）, 它们的触发顺序是touchstart-->touchmove-->touchend--> ...
分类：
其他好文 时间：
2017-04-15 17:55:10
阅读次数：
297
HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touch ...
分类：
移动开发 时间：
2017-04-12 01:51:09
阅读次数：
306
手机端拖拽事件： touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。 touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。 touchend事件：当手指从屏幕上离开的时候触发。 t ...
分类：
移动开发 时间：
2017-04-07 16:03:26
阅读次数：
666
mobileHack 这里收集了许多移动端上遇到的各种坑与相对解决方案 1.问题：手机端 click 事件会有大约 300ms 的延迟 原因：手机端事件 touchstart –> touchmove –> touchend or touchcancel –> click，因为在touch事件触发之 ...
分类：
移动开发 时间：
2017-04-01 09:18:31
阅读次数：
1922
