移動開發:觸摸事件

當用戶手指放在屏幕上面時,在屏幕上滑動時或從屏幕上移開時會觸發一些相關事件,這類事件稱之爲觸摸事件,有如下幾個:html

1 touchstart //當手指觸摸屏幕時觸發,即便已經有一個手指放在了屏幕上也會觸發
2 touchmove //當手指在屏幕上滑動時連續的觸發
3 touchend //當手指從屏幕上移開時觸發
4 touchcancel //當系統中止跟蹤觸發是觸發,關於此類事件的確切觸發時間,文檔中沒有明確說明

上面這幾個事件都會冒泡,也均可以取消,每一個觸摸事件的event對象都提供了在鼠標事件中常見的屬性:bubbles,cancelable,view,clientX,clientY,screenX,screenY,detail,altKey,ctrlKey,shiftKey,metaKey
除了常見的DOM屬性外,觸摸時間還包含下列3個用於跟蹤觸摸屬性:web

1 touches // 表示當前跟蹤的觸摸操做的Touch對象的數組
2 targetTouches // 特定與事件目標的Touch對象的數組
3 changeTouches // 表示自上次觸摸以來發生了什麼改變的Touch對象的數組

每一個觸摸對象包含下列屬性:數組

1 clientX // 觸摸目標在視口中的X座標
2 clientY // ~Y座標
3 identifier // 標識觸摸惟一ID
4 pageX // 觸摸目標在頁面中的X座標
5 pageY //~Y座標
6 screenX //觸摸目標在屏幕中的X座標
7 screenY // ~Y座標
8 target //觸摸的DOM節點目標

關於觸摸目標能夠看看這個http://classjs.com/demo/phone/03/touchdetail.html,對了別忘了在手機端的webkit核心的瀏覽器裏查看。瀏覽器

相關文章
相關標籤/搜索