首頁技術(shù)文章正文

移動端touch事件解析判斷拖動方向

更新時間:2020年09月14日17時07分來源:傳智播客瀏覽次數(shù):

1、當(dāng)開始一個touchstart事件的時候，獲取此刻手指的橫坐標(biāo)startX和縱坐標(biāo)startY;

2、當(dāng)觸發(fā)touchmove事件時，在獲取此時手指的橫坐標(biāo)moveEndX和縱坐標(biāo)moveEndY;最后，通過這兩次獲取的坐標(biāo)差值來判斷手指在手機屏幕上的滑動方向。

3、用touchmove的最后坐標(biāo)減去touchstart的起始坐標(biāo)，X的結(jié)果如果正數(shù)，則說明手指是從左往右劃動;X的結(jié)果如果負(fù)數(shù)，則說明手指是從右往左劃動;Y的結(jié)果如果正數(shù)，則說明手指是從上往下劃動;Y的結(jié)果如果負(fù)數(shù)，則說明手指是從下往上劃動。

touch事件判斷滑屏手勢