6.手勢操作
對,就是Touch,一個給移動互聯(lián)網(wǎng)帶來革命的事件。把mouseOut、mouseover這些桌面相關的鼠標事件從你的移動框架里去除吧,與之替換的是各種Touch和Gesture(手勢)事件:
- touchstart : 手指放在屏幕上時觸發(fā)
- touchend : 手指離開屏幕時觸發(fā)
- touchmove : 手指在屏幕上移動時觸發(fā)
- touchcancel : 取消Touch事件(這個貌似是系統(tǒng)觸發(fā)的)
- gesturestart : 開始手勢事件
- gestureend : 停止手勢事件
- gesturechange : 改變手勢事件
監(jiān)控Touch操作,我們需要利用Touch事件相對于整個頁面視圖的X軸和Y軸位置來定位(PageX、PageY),并重載默認的Touch事件來擴展我們的需求,對于沒有Touch支持的瀏覽器,我們依然可以重載相應Mouse事件,而Gesture(手勢)事件由于需要兩根手指觸發(fā)的放大、縮小、旋轉,鼠標是無法模擬,比如下面使用CSS3的webkitTransform樣式屬性縮放和旋轉一個對象Box:
7.重力感應
當然,一般的應用很少會用到重力感應,它更適應于游戲方面。對于瀏覽器更多的是正屏與側屏的區(qū)分。我們要做的就是重載瀏覽器默認的resize監(jiān)控事件并對正屏和側屏做出相應的操作處理。
出處:騰訊WSD
責任編輯:bluehearts
上一頁 WEB移動應用框架構想 [2] 下一頁 WEB移動應用框架構想 [4]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|