博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端页面触摸滑动
阅读量:5362 次
发布时间:2019-06-15

本文共 1011 字,大约阅读时间需要 3 分钟。

$("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('单击');        }});

 

转载于:https://www.cnblogs.com/tine/p/8027371.html

你可能感兴趣的文章
$ 一步一步学Matlab(3)——Matlab中的数据类型
查看>>
5.6.3.7 localeCompare() 方法
查看>>
Linux下好用的简单实用命令
查看>>
描绘应用程序级的信息
查看>>
poj2406-Power Strings
查看>>
php环境搭建脚本
查看>>
FTP主动模式与被动模式说明
查看>>
php 编译常见错误
查看>>
MES架构
查看>>
【Python3 爬虫】15_Fiddler抓包分析
查看>>
高性能JavaScript-JS脚本加载与执行对性能的影响
查看>>
关于标签之间因为换行等问题造成的空白间距问题处理
查看>>
hdu 2767(tarjan)
查看>>
sklearn之分类模型混淆矩阵和分类报告
查看>>
MySQL各存储引擎
查看>>
项目--简单导出CSV文件
查看>>
Oracle session相关数据字典(一)
查看>>
织梦文章内容提取第一张或者多张图片输出
查看>>
C#用正则表达式 获取网页源代码标签的属性或值
查看>>
BZOJ 3399 [Usaco2009 Mar]Sand Castle城堡(贪心)
查看>>