JS觸控事件

dbclick

在頭部加上這個，防止雙擊的時候瀏覽器放大

觸控事件

touchstart

當手指放在螢幕上觸發。

touchmove

當手指在螢幕上滑動時，連續地觸發。

touchend

當手指從螢幕上離開時觸發。

touchcancel

當系統停止跟蹤時觸發，系統什麼時候取消，

由於觸控會導致螢幕動來動去，所以可以會在這些事件的事件處理函式內使用event.preventDefault()
，來阻止螢幕的預設滾動。

除了常用的DOM屬性，觸控事件還包含下列三個用於跟蹤觸控的屬性

touches：表示當前跟蹤的觸控操作的touch物件的陣列。
當一個手指在觸屏上時，event.touches.length=1,
當兩個手指在觸屏上時，event.touches.length=2，以此類推。
targetTouches：特定於事件目標的touch物件陣列。
因為touch事件是會冒泡的，所以利用這個屬性指出目標物件。
changedTouches：表示自上次觸控以來發生了什麼改變的touch物件的陣列。
每個touch物件都包含下列幾個屬性：
clientX：觸控目標在視口中的x座標。
clientY：觸控目標在視口中的y座標。
identifier：標識觸控的唯一ID。
pageX：觸控目標在頁面中的x座標。
pageY：觸控目標在頁面中的y座標。
screenX：觸控目標在螢幕中的x座標。
screenY：觸控目標在螢幕中的y座標。
target：觸控的DOM節點目標。

作者：貞貞姐
連結：