轮番滑动PHP,touch事件之滑动判断（左右上下方向）
touch事件之滑動判斷(左右上下方向)
作者: 2020.03.11 本文發布于18天前 分類:
$("body").on("touchstart", function(e) {
// 判斷默認行為是否可以被禁用
if (e.cancelable) {
// 判斷默認行為是否已經被禁用
if (!e.defaultPrevented) {
e.preventDefault();
}
}
startX = e.originalEvent.changedTouches[0].pageX,
startY = e.originalEvent.changedTouches[0].pageY;
});
$("body").on("touchend", function(e) {
// 判斷默認行為是否可以被禁用
if (e.cancelable) {
// 判斷默認行為是否已經被禁用
if (!e.defaultPrevented) {
e.preventDefault();
}
}
moveEndX = e.originalEvent.changedTouches[0].pageX,
moveEndY = e.originalEvent.changedTouches[0].pageY,
X = moveEndX - startX,
Y = moveEndY - startY;
//左滑
if ( X > 0 ) {
alert('左滑');
}
//右滑
else if ( X < 0 ) {
alert('右滑');
}
//下滑
else if ( Y > 0) {
alert('下滑');
}
//上滑
else if ( Y < 0 ) {
alert('上滑');
}
//單擊
else{
alert('單擊');
}
});
討論區
您尚未 登錄，或請 注冊。
你可能也喜歡
總結
以上是生活随笔為你收集整理的轮番滑动PHP,touch事件之滑动判断（左右上下方向）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 系统备份是对计算机硬件进行维户吗,计算机
- 下一篇： php set_timeout,和 JS