1.为非a列表项添加触感样式 通过js注册touchstart和touchend事件，添加触感class的方式， 有个坑，低版本的Android浏览器，经常触发不到touchend，需要再额外注册一个touchcancel。2.IOS webview的fixed满屏遮罩 bottom或者hei...
分类：
移动开发 时间：
2015-08-29 12:29:19
阅读次数：
130
现象原因 zepto的tap通过兼听绑定在document上的touch事件来完成tap事件的模拟的,及tap事件是冒泡到document上触发的 再点击完成时的tap事件(touchstart\touchend)需要冒泡到document上才会触发，而在冒泡到docum...
分类：
其他好文 时间：
2015-08-26 15:58:29
阅读次数：
215
在移动端页面进行优化时，一般使用touch事件替代鼠标相关事件，用的较多的是使用touchend事件替代PC端的click和mouseup事件。但是，touchend事件在页面滚动时有个问题。在滚动完成后，如果当前触点的位置所指的元素绑定了touchend事件，这时便会触发该元素的touchend事件，造成误操作。解决方法是在滚动时就给停止touchend事件冒泡。...
分类：
移动开发 时间：
2015-08-12 19:38:38
阅读次数：
201
1、忽略将页面中的数字识别为电话号码2、去掉点击元素会出现蓝框* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }3、事件问题移动端的常用事件：touchstart，touchmove，touchend。很多时候我们需要在浏览器里测试。...
分类：
Web程序 时间：
2015-07-29 15:45:44
阅读次数：
148
前言如果我们允许用户在页面上用类似桌面浏览器鼠标手势的方式来控制WEB APP，这个页面上肯定是有很多可点击区域的，如果用户触摸到了那些可点击区域怎么办呢??诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏（capacitive touch-sensitive screen），以捕捉用户...
分类：
移动开发 时间：
2015-07-15 06:53:00
阅读次数：
132
这次添加的是自己新了解到的随笔，要让css active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。。。下面简单举个栗子复制代码 测试Active文本复制代码用JS代码获取这个元素，然后通过addEventListener添加一个touchsta....
分类：
移动开发 时间：
2015-07-13 13:41:35
阅读次数：
99
来源：http://www.2cto.com/kf/201401/272575.html一、手机上的触摸事件基本事件：touchstart //手指刚接触屏幕时触发touchmove //手指在屏幕上移动时触发touchend //手指从屏幕上移开时触发下面这个比较少用：touchcance...
分类：
移动开发 时间：
2015-07-13 11:43:01
阅读次数：
142
以下经过本人测试成功。测试平台：三星S5830I操作系统：Android 2.3.6浏览器：UC浏览器HTML标准：HTML5测试了三个事件：touchstart、touchmove 和 touchend，并获取了触摸时触点在页面上的坐标，根据坐标进行了左右滑动、上下滑动判断。代码如下：[html]...
分类：
移动开发 时间：
2015-07-10 11:12:13
阅读次数：
261
平常做移动端会用到tab选项卡，这和PC端有些区别，移动端是触摸滑动切换，PC端是点击、移入切换。 这里滑动切换就是一个移动端事件的应用，这里主要用到的触摸事件：touchstart、touchmove、touchend。 和做其他的效果一样，先有html结构，css样式修饰，再写JS代码。...
分类：
移动开发 时间：
2015-07-06 23:12:04
阅读次数：
363
处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件：1.touchstart: // 手指放到屏幕上的时候触发2.touchmove: // 手指在屏幕上移动的时候触发3.touchend: // 手指从屏幕上拿起的时候触发4touchcancel: // 系统取消...
分类：
移动开发 时间：
2015-07-04 15:27:42
阅读次数：
138
