天天看點

HTML5觸摸屏和移動裝置事件

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

手勢事件gesture

用于兩個手指之間的縮放與旋轉。

手勢生成時産生gesturestart,收拾過程是gesturechange,結束時産生gestureend事件。這三個事件傳遞的對象都包括兩個屬性:

* scale:縮放比例;

* rotation:旋轉的角度,從事件開始手指在順時針方向旋轉的角度。

觸摸事件 touch

當手指觸摸螢幕時,會觸發touchstart事件,移動時會觸發touchmove事件,手指離開時會觸發touchend事件。

不像滑鼠事件,觸摸事件并不直接報告觸摸的坐标。相反,觸摸事件傳遞的事件對象有一個changedTouches屬性,該屬性是一個類數組對象,其每個元素都描述觸摸的位置。

橫豎屏切換orientation

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

繼續閱讀