js實現touch移動觸屏滑動事件

標籤：page   hang   font   touch   end   ide   cli   size   屬性   

以下是四種touch事件
touchstart: //手指放到螢幕上時觸發
touchmove: //手指在螢幕上滑動式觸發
touchend: //手指離開螢幕時觸發

touchcancel: //系統取消touch事件的時候觸發，這個好像比較少用

每個觸摸事件被觸發後，會產生一個event對象，event對象裡額外包括以下三個觸摸列表

touches: //當前螢幕上所有手指的列表
targetTouches: //當前dom元素上手指的列表，盡量使用這個代替touches
changedTouches: //涉及當前事件的手指的列表，盡量使用這個代替touches
這些列表裡的每次觸摸由touch對象組成，touch對象裡包含著觸摸資訊，主要屬性如下：
clientX / clientY: //觸摸點相對瀏覽器視窗的位置
pageX / pageY: //觸摸點相對於頁面的位置
screenX / screenY: //觸摸點相對於螢幕的位置
identifier: //touch對象的ID
target: //當前的DOM元素

 

js實現touch移動觸屏滑動事件