轮番滑动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事件之滑动判断（左右上下方向）相关推荐

Android 模拟滑动 MotionEvent touch事件
模拟android里touch事件的滑动,适用于recyclerview等. 通过发送MotionEvent来模拟touch事件,配合ValueAnimator控制滑动的时间,也可以加入差值器等,之所 ...
h5手指滑动划线touch事件
目录效果连线说明 HTML CSS JS 效果首先我们来看下效果: 连线说明 ① box_1206是一个宽750px,高1206px的盒子,垂直居中,一般来说内容都可以写在这里面 ②判断手指滑动 ...
jQuery -- touch事件之滑动判断（左右上下方向）
$("body").on("touchstart", function(e) {// 判断默认行为是否可以被禁用if (e.cancelable) {// 判断 ...
JS手机端touch事件计算滑动距离的方法
计算手势在手机屏幕上滑动时,手势滑动的距离,代码如下: function wetherScroll(){ var startX = startY = endX =endY =0; var body=d ...
h5滚动时侧滑出现_H5触摸事件中如何判断用户滑动方向
这次给大家带来H5触摸事件中如何判断用户滑动方向,H5触摸事件中判断用户滑动方向的注意事项有哪些,下面就是实战案例,一起来看一下. 接口 TouchEvent TouchEvent 是一类描述手指在触 ...
html5触摸事件判断滑动方向,H5触摸事件中如何判断用户滑动方向
这次给大家带来H5触摸事件中如何判断用户滑动方向,H5触摸事件中判断用户滑动方向的注意事项有哪些,下面就是实战案例,一起来看一下. 接口 TouchEvent TouchEvent 是一类描述手指在触 ...
android控件的touch事件_聊聊Android嵌套滑动
聊聊Android嵌套滑动最近工作中遇到了需求是使用 Bottom-Sheet 交互的弹窗,使用了 design 包里面的 CoordinatorLayout 和 BottomSheetBehavi ...
移动端touch事件---利用bootstrap实现轮播图手指左右滑动事件
还记的我上篇文章实现了图片响应式滑动,如果不知道怎样实现图片在超宽屏幕居中显示,且也不知道怎样实现图片的响应式效果(专门针对移动端的),可以再继续看看我写的这篇文章.狠狠地点击这里那么针对移动端,如 ...
关于touch事件的使用（touchStart touchMove touchEnd（不触发 android 4.0以上））滑动的使用
最近在移动端使用touch事件的时候,遇到了一些问题 ,下面是一些心得, 手机端经常会有有一些上拉加载,下拉刷新, 左右滑动删除的应用场景, 在不借助第三方插件的时候,无疑会用到touch事件,在谷歌 ...

轮番滑动PHP,touch事件之滑动判断（左右上下方向）

轮番滑动PHP,touch事件之滑动判断（左右上下方向）相关推荐

最新文章

热门文章