2014年5月3日 星期六

HTML5的觸控事件

螢幕被點擊後依序會觸發三個事件:
touchStart 開始
touchMove 移動
touchEnd 結束

觸控點列表:
touches screen上所有的觸控點
targetTouches 元素上所有觸控點
changedTouches 該次事件相關的觸控點

Touch的屬性:
identifier 第n個觸控點(從0開始)
target 元素
pageX/Y 該頁面的x/y距離
clientX/Y 該頁面的x/y距離(不包含滾動距離)
screenX/Y 螢幕的x/y距離

效果:

Demo:

Source Code: