js判斷手指的上滑,下滑,左滑,右滑,事件監聽

2022-08-28 21:45:23 字數 414 閱讀 5842

function

_touch()else

if(startx}

else

); }

else

if(starty}}}

el.addeventlistener('touchstart',function

(e));

el.addeventlistener('touchend',function

(e));

}_touch();

原理:1:當開始乙個touchstart事件的時候,獲取此刻手指的橫座標startx和staery;

2:當觸發touchend事件的時候,再獲取此時手指的橫座標endx和縱座標endy;最後,通過兩次獲取的座標差值來判斷手指在手機螢幕上的滑動方向。

js判斷手指的上滑,下滑,左滑,右滑,事件監聽

原理 1 當開始乙個touchstart事件的時候,獲取此刻手指的橫座標startx和staery 2 當觸發touchmove事件的時候,再獲取此時手指的橫座標moveendx和縱座標moveendy 最後,通過兩次獲取的座標差值來判斷手指在手機螢幕上的滑動方向。body on touchstar...

js判斷手指的上滑,下滑,左滑,右滑,事件監聽

原理 1 當開始乙個touchstart事件的時候,獲取此刻手指的橫座標startx和staery 2 當觸發touchmove事件的時候,再獲取此時手指的橫座標moveendx和縱座標moveendy 最後,通過兩次獲取的座標差值來判斷手指在手機螢幕上的滑動方向。body on touchstar...

js判斷手指滑動方向(移動端)

varstartx,starty 獲得角度 function getangle angx,angy 根據起點終點返回方向 1向上 2向下 3向左 4向右 0未滑動 function getdirection startx,starty,endx,endy varangle getangle angx...