移動web 移動端Touch事件

一, Touch事件

1,touchstart:當手指觸碰屏幕時候觸發。
綁定事件的方法:

dom.addEventListener('touchstart',function(e){});

事件返回的e對象包含那些移動端特有的屬性:
targetTouches 目標元素的所有當前觸摸,被觸摸的對象元素內的
changedTouches 頁面上最新更改的所有觸摸。是一個數組,記錄了所有的觸摸點。
touches 頁面上的所有觸摸
第一個觸摸點:e.touches [0];
第一個觸摸點:e.touches [0].clientX;

2,touchmove:當手指在屏幕上滑動時連續觸發
3,touchend :當手指離開屏幕時觸發。
4,touchcancel :系統停止跟蹤觸摸時會觸發。

注意:在touchend 事件的時候event只會記錄 changedtouches
clientX:觸摸目標在視口中的X座標。
clientY:觸摸目標在視口中的Y座標。
pageX:觸摸目標在頁面中的X座標。
pageY:觸摸目標在頁面中的Y座標。
screenX:觸摸目標在屏幕中的X座標。
screenY:觸摸目標在屏幕中的Y座標。

移動端的無縫滑動。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章