前面我們介紹過移動設備中一些設備事件，例如手機旋轉90度、傾斜等設置放置姿態變化的四大事件orientationchange事件、MozOrientation事件、deviceorientation事件、devicemotion事件，接下由南昌網站建設公司百恒網絡前端開發工程師向大介紹在移動端的觸摸事件。
? ? ? ?iOS版 Safari為了向開發人員傳達一些特殊信息，新增了一些專有事件。因為 iOS設備既沒有鼠標 也沒有鍵盤，所以在為移動 Safari開發交互性網頁時，常規的鼠標和鍵盤事件根本不夠用。隨著 Android 中的 WebKit 的加入，很多這樣的專有事件變成了事實標準，導致 W3C開始制定 Touch Events規范（參 見 https://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html）。以下介紹的事件只針對觸摸設備。?
? ? ? ?觸摸事件包含 iOS 2.0軟件的 iPhone 3G發布時，也包含了一個新版本的 Safari瀏覽器。這款新的移動 Safari 提供了一些與觸摸（touch）操作相關的新事件。后來，Android上的瀏覽器也實現了相同的事件。觸摸 事件會在用戶手指放在屏幕上面時、在屏幕上滑動時或從屏幕上移開時觸發。具體來說，有以下幾個觸 摸事件。?
? ? ? ?touchstart：當手指觸摸屏幕時觸發；即使已經有一個手指放在了屏幕上也會觸發。?
? ? ? ?touchmove：當手指在屏幕上滑動時連續地觸發。在這個事件發生期間，調用preventDefault() 可以阻止滾動。?
? ? ? ?touchend：當手指從屏幕上移開時觸發。?
? ? ? ?touchcancel：當系統停止跟蹤觸摸時觸發。關于此事件的確切觸發時間，文檔中沒有明確說明。?
? ? ? ?上面這幾個事件都會冒泡，也都可以取消。雖然這些觸摸事件沒有在 DOM規范中定義，但它們卻 是以兼容 DOM的方式實現的。因此，每個觸摸事件的 event 對象都提供了在鼠標事件中常見的屬性： bubbles、cancelable、view、clientX、clientY、screenX、screenY、detail、altKey、shiftKey、 ctrlKey 和 metaKey。?
? ? ? ?除了常見的 DOM屬性外，觸摸事件還包含下列三個用于跟蹤觸摸的屬性。?
? ? ? ?touches：表示當前跟蹤的觸摸操作的 Touch 對象的數組。
? ? ? ?targetTouchs：特定于事件目標的 Touch 對象的數組。?
? ? ? ?changeTouches：表示自上次觸摸以來發生了什么改變的 Touch 對象的數組。 每個 Touch 對象包含下列屬性。?
? ? ? ?clientX：觸摸目標在視口中的 x坐標。?
? ? ? ?clientY：觸摸目標在視口中的 y坐標。?
? ? ? ?identifier：標識觸摸的唯一 ID。 ?
? ? ? ?pageX：觸摸目標在頁面中的 x坐標。?
? ? ? ?pageY：觸摸目標在頁面中的 y坐標。?
? ? ? ?screenX：觸摸目標在屏幕中的 x坐標。?
? ? ? ?screenY：觸摸目標在屏幕中的 y坐標。?
? ? ? ?target：觸摸的 DOM節點目標。 使用這些屬性可以跟蹤用戶對屏幕的觸摸操作。來看下面的例子。?



? ? ? ?
? ? ? ?


? ? ? ?

Touch anywhere on the screen. This only works on an iPhone or iPod Touch running iPhone 2.x software.