网络编程
位置:首页>> 网络编程>> 网页设计>> WEB移动应用框架构想(3)

WEB移动应用框架构想(3)

作者:笨笨熊 来源:腾讯WSD 发布时间:2010-09-28 16:26:00 

标签:web,移动,框架,ajax

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监控事件并对正屏和侧屏做出相应的操作处理。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com