标签归档：touchstart

移动互联网终端的touch事件和click事件

发表于 2010 年 06 月 02 日 由 allenm

昨天晚上学习并分享了手持设备浏览器的 touchstart, touchend, touchmove 事件，突然又想到这个事件和 click 事件在应用的过程中是否会有冲突呢？ 如果我们允许用户在页面上用类似桌面浏览器鼠标手势的方式来控制WEB APP，这个页面上肯定是有很多可点击区域的，如果用户触摸到了那些可点击区域怎么办呢？ 带着这些疑问，我测试了我的 Android 1.5，发现系统已经很好的帮我们处理好了，具体说来，当明显的手指在屏幕上滑动，是不会触发 click 事件的，当明显的点击的时候，同时出发 click 事件和 touch类事件。有了这些我们已经很方便的控制程序来做我们想做的事情了，我们可以通过 touchstart事件和 touchend 事件的 pageX,pageY属性来判断用户到底是想做什么操作了，如果偏移值很大，很明显的就是滑动操作了，如果偏移很短，就不做操作，这个时候很有可能是会触发click事件了。 测试例子在：http://lab.allenm.me/touch_click.html，和上一篇文章一样，你可以使用你的移动手持设备去访问，测试。

发表在 android, javascript | 标签为 , , , | 6 条评论

touchstart, touchend, touchmove 与移动互联网开发

发表于 2010 年 06 月 01 日 由 allenm

你为移动互联网准备好了吗？ 大家都可以感受到iPhone,Android,iPad带来了移动互联网革命，前端程序员们，大家准备好了吗？移动互联网早已不是那个WAP的时代，WAP基本被淘汰了，新一代的智能移动终端，都具有了标准的HTML,CSS,JS的解析能力，但是又和桌面不同，比如这样的终端是没有光标的，也就是我们平时经常用到的 mouseover这些光标相关的东西，在这些终端上是没有作用的。同时，这些终端又具有一些他们自己的特色，比如 touch 事件，因为操作全是 touch ，所以这个事件如果好好利用，在移动互联网开发中会发挥大用处的。 正好现在手里有个 Android 设备，做毕设用的，现在也想为毕设搞点新鲜内容，所以就做了对 Android 浏览器的 touch 事件的测试。说了这么多，是因为这个东西很简单，不说点废话撑下门面，那这个博文就太短了。 touth相关的事件有 touchstart,touchend,touchmove。这三个事件最重要的属性是 pageX和 pageY,表示X,Y坐标。 其中 touchstart 在开始触摸的时间激发， touchend 在触摸结束的时间激发， touchmove 这个事件比较奇怪，按道理在触摸到过程中不断激发这个事件才对，但是在我的 Android 1.5 中，在 touchstart 激发后激发一次，然后剩余的都和 touchend 差不多同时激发。 这三个事件都都有一个 timeStamp 的属性，查看 timeStamp 属性，可以看到顺序是 touchstart -> touchmove … 继续阅读 →

发表在 javascript, WEB | 标签为 , , | 2 条评论