WEB移动应用框架构想(3)
作者:笨笨熊 来源:腾讯WSD 时间:2010-09-28 16:26:00
6.手势操作
对,就是Touch,一个给移动互联网带来革命的事件。把mouseOut、mouseover这些桌面相关的鼠标事件从你的移动框架里去除吧,与之替换的是各种Touch和Gesture(手势)事件:
touchstart : 手指放在屏幕上时触发
touchend : 手指离开屏幕时触发
touchmove : 手指在屏幕上移动时触发
touchcancel : 取消Touch事件(这个貌似是系统触发的)
gesturestart : 开始手势事件
gestureend : 停止手势事件
gesturechange : 改变手势事件
监控Touch操作,我们需要利用Touch事件相对于整个页面视图的X轴和Y轴位置来定位(PageX、PageY),并重载默认的Touch事件来扩展我们的需求,对于没有Touch支持的浏览器,我们依然可以重载相应Mouse事件,而Gesture(手势)事件由于需要两根手指触发的放大、缩小、旋转,鼠标是无法模拟,比如下面使用CSS3的webkitTransform样式属性缩放和旋转一个对象Box:
7.重力感应
当然,一般的应用很少会用到重力感应,它更适应于游戏方面。对于浏览器更多的是正屏与侧屏的区分。我们要做的就是重载浏览器默认的resize监控事件并对正屏和侧屏做出相应的操作处理。
标签:web,移动,框架,ajax
0
投稿
猜你喜欢
phpmyadmin 数据导入导出问题
2007-08-06 15:23:00
VBScript中的eval()函数
2008-04-09 13:41:00
MySQL数据库临时文件究竟储存在哪里
2009-09-06 12:11:00
Design IT. (8),一匹“更快的马”
2009-02-11 12:19:00
MySQL优化全攻略--相关数据库命令
2008-11-01 17:03:00
在ASP中改善动态分页的性能
2008-05-08 14:27:00
SQL Server密码管理的六个危险判断
2008-10-23 13:57:00
第一类工厂与哈希对象
2009-12-28 13:14:00
asp如何制作一个股票滚屏显示面板?
2010-07-07 12:27:00
Oracle 分析函数RANK(),ROW_NUMBER(),LAG()等的使用方法
2009-11-05 21:45:00
你的网站使用了微格式了么
2009-05-21 12:10:00
SQL中exists的使用方法
2011-12-01 08:36:07
oracle sys_connect_by_path 函数 结果集连接
2009-07-12 18:48:00
js字放大效果
2010-09-07 12:18:00
在ASP中连接使用数据库
2007-09-22 10:46:00
IE中选择符的4095限制
2009-10-09 13:25:00
JavaScript正则表达式的简单应用:高亮显示
2008-07-20 12:46:00
CSS实现元素透明的那些事
2009-09-07 12:22:00
设计的技术含量
2009-01-12 18:20:00
IE10增强对HTML5和CSS3的支持
2011-09-16 20:16:28