教育行業(yè)A股IPO第一股（股票代碼 003032）

全國(guó)咨詢/投訴熱線：400-618-4000

移動(dòng)端touch事件解析判斷拖動(dòng)方向

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

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

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

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

touch事件判斷滑屏手勢(shì)



猜你喜歡：

Vue 的 template 是如何編譯成真正的 HTML

Vue3為什么使用Proxy實(shí)現(xiàn)數(shù)據(jù)監(jiān)聽(tīng)?

什么是響應(yīng)式頁(yè)面?

0 分享到：
和我們?cè)诰€交談！