touch事件解析
touchstart事件：當手指觸摸螢幕時候觸發，即使已經有一個手指放在螢幕上也會觸發。
touchmove事件#：當手指在螢幕上滑動的時候連續地觸發。在這個事件發生期間，呼叫preventDefault()事件可以阻止捲動。
touchend事件#：當手指從螢幕離開的時候觸發。
touchcancel事件#：當系統停止追蹤觸控的時候觸發。關於這個事件的確切出發時間，文件中並沒有具體說明，咱們只能去猜測了。
上面的這些事件都會冒泡，也都可以取消。雖然這些觸控事件沒有在DOM規範中定義，但是它們卻是以相容DOM的方式實現的。所以，每個觸控事件的event物件都提供了在滑鼠實踐中常見的屬性：bubbles(起泡事件的類型)、cancelable(是否用preventDefault() 方法可以取消與事件關聯的預設動作)、clientX(返回當事件被觸發時，滑鼠指標的水平座標)、clientY(傳回當事件觸發時，滑鼠指標的垂直座標)、screenX(當某個事件被觸發時，滑鼠指標的水平座標)和screenY(傳回當某個事件被觸發時，滑鼠指標的垂直座標)。除了常見的DOM屬性，觸控事件還包含以下三個用於追蹤觸控的屬性。
touches：表示目前追蹤的觸控操作的touch物件的陣列。
targetTouches：目前元素觸發事件的Touch物件的陣列。
changeTouches：表示自上次觸碰以來發生了什麼改變的Touch物件的陣列。
每個Touch物件包含的屬性如下。
clientX：觸碰目標在視窗中的x座標。
clientY#：觸碰目標在視窗中的y座標。
identifier：標識觸控的唯一ID。
pageX#：觸碰目標在頁面中的x座標。
pageY#：觸碰目標在頁面中的y座標。
screenX：觸碰目標在螢幕中的x座標。
screenY#：觸碰目標在螢幕中的y座標。
target#：觸目的DOM節點目標。
以上是有關touch事件解析和封裝的知識的詳細內容。更多資訊請關注PHP中文網其他相關文章！
