手機端html5觸屏事件 touch事件

2022-08-16 23:24:12 字數 921 閱讀 6361

touchstart:觸控開始的時候觸發

touchmove:手指在螢幕上滑動的時候觸發

touchend:觸控結束的時候觸發

而每個觸控事件都包括了三個觸控列表,每個列表裡包含了對應的一系列觸控點(用來實現多點觸控):

touches:當前位於螢幕上的所有手指的列表。

targettouches:位於當前dom元素上手指的列表。

changedtouches:涉及當前事件手指的列表。

每個觸控點由包含了如下觸控資訊(常用):

identifier:乙個數值,唯一標識觸控會話(touch session)中的當前手指。一般為從0開始的流水號(android4.1,uc)

target:dom元素,是動作所針對的目標。

pagex/pagex/clientx/clienty/screenx/screeny:乙個數值,動作在螢幕上發生的位置(page包含滾動距離,client不包含滾動距離,screen則以螢幕為基準)。 

varobj = document.getelementbyid('id');

obj.addeventlistener('touchmove',function(event)

},false);

手機端html5觸屏事件

屬性描述 touchstart觸控開始的時候觸發 touchmove手指在螢幕上滑動的時候觸發 touchend觸控結束的時候觸發 而每個觸控事件都包括了三個觸控列表,每個列表裡包含了對應的一系列觸控點 用來實現多點觸控 touches當前位於螢幕上的所有手指的列表。targettouches位於當...

手機端html5觸屏事件 touch事件

touchstart 觸控開始的時候觸發 touchmove 手指在螢幕上滑動的時候觸發 touchend 觸控結束的時候觸發 而每個觸控事件都包括了三個觸控列表,每個列表裡包含了對應的一系列觸控點 用來實現多點觸控 touches 當前位於螢幕上的所有手指的列表。targettouches 位於當...

手機端html5觸屏事件 touch事件

touchstart 觸控開始的時候觸發 touchmove 手指在螢幕上滑動的時候觸發 touchend 觸控結束的時候觸發 而每個觸控事件都包括了三個觸控列表,每個列表裡包含了對應的一系列觸控點 用來實現多點觸控 touches 當前位於螢幕上的所有手指的列表。targettouches 位於當...