當用戶手指放在屏幕上面時,在屏幕上滑動時或從屏幕上移開時會觸發一些相關事件,這類事件稱之爲觸摸事件,有如下幾個: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座標 |
關於觸摸目標能夠看看這個http://classjs.com/demo/phone/03/touchdetail.html,對了別忘了在手機端的webkit核心的瀏覽器裏查看。瀏覽器