『壹』 jquery怎麼實現移動端手指滑動事件
一、原理及實現方法如下:
1、當開始一個touchstart事件的時候,獲取此刻手指的橫坐標版startX和縱坐標startY;
2、當觸發權touchmove事件時,在獲取此時手指的橫坐標moveEndX和縱坐標moveEndY;最後,通過這兩次獲取的坐標差值來判斷手指在手機屏幕上的滑動方向。
二、注意:
手指在滑動整個屏幕時,會影響瀏覽器的行為,比如滾動和縮放。所以在調用touch事件時,要注意禁止縮放和滾動。
1.禁止縮放
通過meta元標簽來設置。
2.禁止滾動
preventDefault是阻止默認行為,touch事件的默認行為就是滾動。
event.preventDefault()。