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

2022-07-22 07:39:10 字數 2453 閱讀 1119

varstartx, starty;

//獲得角度

function getangle(angx, angy) ;

//根據起點終點返回方向 1向上 2向下 3向左 4向右 0未滑動

function getdirection(startx, starty, endx, endy)

varangle = getangle(angx, angy);

if(angle >= -135 && angle <= -45)elseif(angle > 45 && angle < 135)elseif((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135))elseif(angle >= -45 && angle <= 45)

returnresult;

}

//手指接觸螢幕

document.addeventlistener("touchstart", function(e) ,false);

//手指離開螢幕

document.addeventlistener("touchend", function(e)

},false);

varstartx, starty;

//獲得角度

function getangle(angx, angy) ;

//根據起點終點返回方向 1向上 2向下 3向左 4向右 0未滑動

function getdirection(startx, starty, endx, endy)

varangle = getangle(angx, angy);

if(angle >= -135 && angle <= -45)elseif(angle > 45 && angle < 135)elseif((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135))elseif(angle >= -45 && angle <= 45)

returnresult;

}

//手指接觸螢幕

document.addeventlistener("touchstart", function(e) ,false);

//手指離開螢幕

document.addeventlistener("touchend", function(e)

},false);

移動端網頁判斷手指觸控滑動的方向

判斷使用者手指滑動的方向,一種比較通用的解決方法就是,記錄使用者手指剛接觸螢幕的位置,然後減去使用者手指離開螢幕的位置,然後判斷這個值的正負。body on touchstart function e body on touchmove function e else if x 0 else if ...

js 判斷手勢 移動端JS判斷手勢方向

原生js判斷手勢方向的解決思路 1 滑動螢幕事件使用html5 的touchstart滑動開始事件和touchend滑動結束事件。2 方向的判斷,以起點做平面座標系,與終點連線做直線,直線與x正半軸計算角度 我們以45度角為方向分割線,如 只要滑動角度大於等於45度且小於135度,則判斷它方向為向上...

js 判斷手勢 移動端JS判斷手勢方向

原生js判斷手勢方向的解決思路 1 滑動螢幕事件使用html5 的touchstart滑動開始事件和touchend滑動結束事件。2 方向的判斷,以起點做平面座標系,與終點連線做直線,直線與x正半軸計算角度 我們以45度角為方向分割線,如 只要滑動角度大於等於45度且小於135度,則判斷它方向為向上...