博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5滑动事件代码
阅读量:5021 次
发布时间:2019-06-12

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

$(".header").on("touchstart", function(e) {    // 判断默认行为是否可以被禁用    if (e.cancelable) {        // 判断默认行为是否已经被禁用        if (!e.defaultPrevented) {            e.preventDefault();        }    }       startX = e.originalEvent.changedTouches[0].pageX,    startY = e.originalEvent.changedTouches[0].pageY;});$(".header").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 ) {        if(X>150){            console.log('左滑',X);        }    }    //右滑    else if ( X < 0 ) {        if(X<-150){            console.log('右滑',X);        }      }    //下滑    else if ( Y > 0) {        console.log('下滑', Y);        }    //上滑    else if ( Y < 0 ) {        console.log('上滑', Y);        }    //单击    else{        console.log('单击');        }});

  

转载于:https://www.cnblogs.com/scott-j/p/9365800.html

你可能感兴趣的文章
一件趣事
查看>>
DevExpress控件TExtLookupComboBox实现多列模糊匹配输入的方法
查看>>
atom 调用g++编译cpp文件
查看>>
H3C HDLC协议特点
查看>>
iptables 网址转译 (Network address translation,NAT)
查看>>
ios __block typeof 编译错误解决
查看>>
android 插件形式运行未安装apk
查看>>
ios开发之 manage the concurrency with NSOperation
查看>>
Android权限 uses-permission
查看>>
NSEnumerator用法小结
查看>>
vim如何配置go语言环境
查看>>
机器学习好网站
查看>>
python 中的 sys , os 模块用法总结
查看>>
解题:国家集训队 Middle
查看>>
响应者链
查看>>
指针从函数内部带回返回值
查看>>
在使用webView播放flash或视频文件时无法关闭声音的问题
查看>>
redhat 7 源码安装 mysql5.5.49
查看>>
CCP浅谈
查看>>
NAT虚拟网络配置
查看>>