技术开发 频道

奇妙的Web移动应用框架构想

  6.手势操作

奇妙的Web移动应用框架构想  

  对,就是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:

奇妙的Web移动应用框架构想

0
相关文章