今天回顾了下移动前端的一些基本东西。1.300ms延迟原因:判断用户是否双击,这个判断时间。解决方法:在touchend事件执行click事件,并且阻止300ms后的真正click事件触发。参考:http://thx.github.io/mobile/300ms-click-delay/http:/...
分类:
其他好文 时间:
2014-11-24 22:12:33
阅读次数:
221
触摸事件三种在规范中列出并获得跨移动设备广泛实现的基本触摸事件:1.touchstart:手指放在一个DOM元素上。2.touchmove:手指拖曳一个DOM元素。3.touchend:手指从一个DOM元素上移开。每个触摸事件都包括了三个触摸列表:1.touches:当前位于屏幕上的所有手指的一个列...
分类:
移动开发 时间:
2014-11-10 11:54:07
阅读次数:
188
Sencha Touch panel 以及 container事件中并没有点击事件,但有时我们需要给一个面板添加点击事件该如何实现呢,话不多说具体实现代码如下。
Ext.getCmp('panel_id').element.on({
tap : function() {
alert("你点击了panel");
...
分类:
其他好文 时间:
2014-11-07 17:03:37
阅读次数:
186
处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件:1234touchstart://手指放到屏幕上的时候触发touchmove://手指在屏幕上移动的时候触发touchend://手指从屏幕上拿起的时候触发touchcancel://系统取消touch事件的时候触...
分类:
移动开发 时间:
2014-10-24 22:15:12
阅读次数:
303
诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏(capacitive touch-sensitive screen),以捕捉用户的手指所做的交互。随着移动网络的发展,其能够支持越来越复杂的应用,web开 发者需要一种方法来处理这些事件。例如,几乎所 有的快节奏游戏都需要玩家一次按下多个...
分类:
移动开发 时间:
2014-10-22 18:03:50
阅读次数:
284
移动端主要的事件有:touchstart、touchmove、touchend、touchcancel、gesturestart、gesturechange、gestureend 前四者为触摸事件,后者为手势事件,其中需要注意的是touchstart -> touchmove -> touch...
分类:
移动开发 时间:
2014-09-25 18:32:57
阅读次数:
175
Waves 点击效果的灵感来自于谷歌的材料设计,很容易使用。只需要引入 waves.min.css 和 waves.min.js 到 HTML 文件中可以使用了。采用 touchstart 与 touchend 事件,支持移动设备。赶紧来体验吧!
分类:
其他好文 时间:
2014-09-18 11:07:03
阅读次数:
191
最近在做一个资讯客户端,用到UIWebview展示一些网页内容,本来想做一个简单的按压效果,发现在css中设置active属性一直不管用。查阅了一下资料,今天发现,要让css active伪类生效,只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。下面简单以一个文...
分类:
移动开发 时间:
2014-09-13 18:28:45
阅读次数:
298
touch.js众所周知,mobile与pc 前端开发的不同中,有一点就是事件的不同,mobile上有touchstart,touchmove,touchend等,而pc上用最多的应该还是我们的click事件。mobile上,自己又喜欢用zepto.js库(喜欢有时候就是一种先入为主的感觉),但是z...
分类:
其他好文 时间:
2014-09-02 15:25:14
阅读次数:
170
诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏(capacitive touch-sensitive screen),以捕捉用户的手指所做的交互。随着移动网络的发展,其能够支持越来越复杂的应用,web开发者需要一种方法来处理这些事件。例如,几乎所 有的快节奏游戏都需要玩家一次按下多个按...
分类:
移动开发 时间:
2014-07-23 20:18:05
阅读次数:
326