首頁(yè)技術(shù)文章正文

前端touch事件方向的判斷

更新時(shí)間:2020-09-14 來(lái)源:黑馬程序員 瀏覽量:

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ì)



猜你喜歡:

v-show和v-if有什么區(qū)別?

::before和::after中雙冒號(hào)和單冒號(hào)有什不同?

px em rem這三者有什不同?

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!