jQuery -- touch事件之滑动判断(左右上下方向)
来源:互联网 发布:ug nx8.0数控编程教程 编辑:程序博客网 时间:2024/05/16 15:37
js代码:
$("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('单击'); }});
阅读全文
0 0
- jQuery -- touch事件之滑动判断(左右上下方向)
- jQuery -- touch事件之滑动判断(左右上下方向)
- touch滑动判断方向
- js判断左右上下滑动触发的事件
- jQuery -- touch事件之左右切换元素
- 对于移动端浏览器touch事件的研究总结(4)判断手指滑动方向
- Jquery----jCarouselLite图片,文本上下,左右滑动
- ViewPager 判断左右滑动的方向
- ViewPage左右滑动和PullToRefreshListView上下滑动事件冲突
- 移动端上下滑动事件之--坑爹的touch.js
- touch事件解析判断拖动方向
- Appium左右、上下滑动(Java)
- 左右上下滑动表格
- GestureDetector学习之左右滑动,上下滑动屏幕切换页面
- android事件分发机制(从原理上解决左右滑动很上下滚动的矛盾)
- SwipeRefreshLayout上下刷新与左右滑动事件冲突的处理
- html5 touch事件实现触屏页面上下滑动(一)
- html5 touch事件实现页面上下滑动 - Leinov
- PAT甲级 1014
- YII2框架学习 扩展篇(一) 模块化设计
- 并发队列比较
- Android PopupWindow初步使用
- socket编程(二)
- jQuery -- touch事件之滑动判断(左右上下方向)
- 写作建议
- Android (BroadcastReceiver基础)
- python 线程、协程简单使用
- Service使用技巧
- HDU 4798 Skycity【计算机几何】【阅读题】
- MQTT,RabbitMQ初步使用
- 【Sicily】1002. 等价二叉树
- CPaintDC 、CWindowDC、 CClientDC、 CDC的区别与联系