HTML5觸摸屏和移動設備事件

主要分爲三類:手勢(gesture),觸摸(touch)和屏幕旋轉(orientation)

手勢事件gesture

用於兩個手指之間的縮放與旋轉。
手勢生成時產生gesturestart,收拾過程是gesturechange,結束時產生gestureend事件。這三個事件傳遞的對象都包括兩個屬性:
* scale:縮放比例;
* rotation:旋轉的角度,從事件開始手指在順時針方向旋轉的角度。

觸摸事件 touch

當手指觸摸屏幕時,會觸發touchstart事件,移動時會觸發touchmove事件,手指離開時會觸發touchend事件。
不像鼠標事件,觸摸事件並不直接報告觸摸的座標。相反,觸摸事件傳遞的事件對象有一個changedTouches屬性,該屬性是一個類數組對象,其每個元素都描述觸摸的位置。

橫豎屏切換orientation

當設備允許用戶從豎屏旋轉到橫屏模式時會在window對象上觸發orientationchange事件,window對象的orientatation屬性能給出當前方位,其值是0,90,180,-90.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章