var
startx, starty;
//獲得角度
function getangle(angx, angy) ;
//根據起點終點返回方向 1向上 2向下 3向左 4向右 0未滑動
function getdirection(startx, starty, endx, endy)
var
angle = getangle(angx, angy);
if
(angle >= -135 && angle <= -45)
else
if
(angle > 45 && angle < 135)
else
if
((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135))
else
if
(angle >= -45 && angle <= 45)
return
result;
}
//手指接觸螢幕
document.addeventlistener(
"touchstart"
, function(e) ,
false
);
//手指離開螢幕
document.addeventlistener(
"touchend"
, function(e)
},
false
);
var
startx, starty;
//獲得角度
function getangle(angx, angy) ;
//根據起點終點返回方向 1向上 2向下 3向左 4向右 0未滑動
function getdirection(startx, starty, endx, endy)
var
angle = getangle(angx, angy);
if
(angle >= -135 && angle <= -45)
else
if
(angle > 45 && angle < 135)
else
if
((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135))
else
if
(angle >= -45 && angle <= 45)
return
result;
}
//手指接觸螢幕
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度,則判斷它方向為向上...