手機touch事件

2022-07-26 04:54:13 字數 946 閱讀 1985

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則以螢幕為基準)。 

//touchstart事件  

function touchsatrtfunc(e)   

//touchmove事件 

function touchmovefunc(e)   

if (y - starty != 0)   

}varobj = document.getelementbyidx_x_x('id');

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

},false);

手機端的touch事件

touchstart當手指觸控螢幕的時候觸發 touchmove當手指在螢幕來回的滑動時候觸發 touchend當手指離開螢幕的時候觸發 touchcancel當被迫終止滑動的時候觸發 來電,彈訊息 利用touch相關事件實現移動端常見滑動效果和移動端常見的手勢事件 繫結事件 box.addeven...

手機端html5觸屏事件 touch事件

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

手機端html5觸屏事件 touch事件

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