类似今日头条，页面上有很多card，点击每个card跳转该card的详情页面。这里有一个问题，当我滚动页面时，会先后触发touchstart、touchmove、touchend，但是当touchend后，页面仍会因为惯性而继续滚动。这个时候，我想点击页面停止滚动，而不是跳转到某个card的详情页面 ...
分类：
其他好文 时间：
2017-08-29 16:50:32
阅读次数：
199
在IOS中第一次调用play方法播放音频会被阻止，必须得等用户有交互动作，比如touchstart，click后才能正常调用，在微信中可以通过监听WeixinJSBridgeReady事件来提前播放一个超级短的无声音文件，之后替换src，这样再调用play方法就可以了。 代码如下： $(docume ...
分类：
移动开发 时间：
2017-08-29 14:36:41
阅读次数：
254
一、如何判断手指触摸的方向 判断很简单，touchmove的最后坐标减去touchstart的起始坐标，X的结果如果正数，则说明手指是从左往右划动；X的结果如果负数，则说明手指是从右往左划动；Y的结果如果正数，则说明手指是从上往下划动；Y的结果如果负数，则说明手指是从下往上划动。 这再逻辑上没有任何 ...
分类：
其他好文 时间：
2017-08-09 00:12:14
阅读次数：
163
简单说下如何用jQuery 和 js原生代码获取touchstart,touchmove,touchend 坐标值： jQuery 代码： js原生代码 以上两种办法中 touchend 需要使用changedTouches[0]。 一般我们取第一个手指的坐标，如果有其他要求，可能需要判断手指数量。 ...
分类：
其他好文 时间：
2017-08-08 20:49:02
阅读次数：
215
这三个事件只在手机上生效 touchstart,手指开始触屏 touchmove,手指移动 touchend,手指触屏结束 这个事件在手机上跟在pc端都生效 scroll事件 addeventlistener(name,callback,optional,useCapture) useCapture ...
分类：
其他好文 时间：
2017-08-03 16:53:31
阅读次数：
177
移动端模拟tap和longTap事件，基本原理就是在touchstart和touchend事件中，计算触摸的位移和时间差，位移在一定范围内(轻微滑动)，时间小于150ms为tap事件，时间大于300ms为longTap事件。 (function(){ var TOUCHSTART, TOUCHEND ...
分类：
其他好文 时间：
2017-08-02 00:24:50
阅读次数：
174
mobileHack 这里收集了很多移动端上遇到的各种坑与相对解决方式 1.问题：手机端 click 事件会有大约 300ms 的延迟 原因：手机端事件 touchstart –> touchmove –> touchend or touchcancel –> click。由于在touch事件触发之 ...
分类：
移动开发 时间：
2017-07-31 10:06:01
阅读次数：
274
tap事件是用touchstart，touchmove，touchend这三个事件去实现的。但是为了区分【点击】和【拖动】两个动作，zepto用了deltaX和deltaY两个变量去分别记录手指在触碰到屏幕时到离开屏幕时的x轴和y轴距离，如果deltaX>30px或者deltaY>30px，则认为是... ...
分类：
其他好文 时间：
2017-07-27 01:06:19
阅读次数：
336
一、移动端的操作方式和PC端是不同的，移动端主要是用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件： 1、手指放到屏幕上时触发 touchstart 2、手指放在屏幕上滑动式触发 touchmove 3、手指离开屏幕时触发。 touchend 4、系统取消touch事件的时候触 ...
分类：
移动开发 时间：
2017-07-25 01:09:24
阅读次数：
429
一、 touch 1、touchstart：当手指触碰屏幕时发生，不管当前多少根手指 2、touchmove：当手指在屏幕上滑动时连续触发，通常我们在滑屏页面，会调用event的preventDefault()可以阻止默认情况的发生；阻止页面滚动 3、touchend：当手指离开屏幕时触发 4、to ...
分类：
移动开发 时间：
2017-07-05 16:45:08
阅读次数：
473
