1. 程式人生 > >移動端觸控事件(touch)事件組

移動端觸控事件(touch)事件組

touch是移動端的觸控事件,是一組事件,利用touch相關事件實現移動端常見的滑動效果和手勢事件。

常用的事件:

touchstart:當手指觸控式螢幕幕時觸發

touchmove:手指在螢幕來回滑動時觸發

touchend:手指離開螢幕時觸發

touchcancel:被迫中止時觸發(如來電、訊息彈出)

使用touch:

1.繫結事件

變數名.addEventlistener('touchstart',function(){});

如:

box.addEventlistener('touchstart',function(){});

2.事件物件

changeTouches:改變後的觸控點的集合

targetTouches:當前元素的觸發點集合

touches:頁面上所有的觸發點的集合

觸控點集合在每個事件觸發時,changeTouches每個事件都會記錄觸控,targetTouches,touches在離開螢幕時無法記錄觸控點。