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

前端touch事件方向的判斷

更新時間:2020-09-14 來源:黑馬程序員 瀏覽量:

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事件判斷滑屏手勢



猜你喜歡:

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

::before和::after中雙冒號和單冒號有什不同?

px em rem這三者有什不同?

分享到:
在線咨詢 我要報名
和我們在線交談!