移动端左右滑动代码
2016-02-25 14:41
435 查看
//左右滑动切换 var nStartY; var nStartX; var nChangY; var nChangX; document.getElementsByTagName('body')[0].addEventListener('touchstart',function(e){ nStartY = e.targetTouches[0].pageY; nStartX = e.targetTouches[0].pageX; }); document.getElementsByTagName('body')[0].addEventListener('touchmove',function(e){ e.preventDefault(); }); document.getElementsByTagName('body')[0].addEventListener('touchend',function(e){ nChangY = e.changedTouches[0].pageY; nChangX = e.changedTouches[0].pageX; var distance = nChangX - nStartX; var distance1 = nChangY - nStartY; if(distance > 50){//左滑 alert('左滑'); }else if(distance < -50){ alert('右滑'); } });
相关文章推荐
- iOS开发 - "Cast from pointer to smaller type 'int' loses information” 解决办法
- 【Android效果集】学习ExplosionField之粒子破碎效果
- 解决iOS8.0以上系统下无法通过代码创建被删除过的同名相册 ( iOS 8 Photos framework: Create a albums with iOS8 )
- 【Android学习入门】Android studio基本设置
- ios动态更新
- iOS调用系统功能与跳转到系统设置
- 聪明的iOS开发者的Xcode使用技巧
- 申请完Apple开发者账户后,如何进行开发
- iOS下KVO使用过程中的陷阱(转)
- Android开发的测试功能的开发文档学习--介绍
- 实例探究Android应用编写时Fragment的生命周期问题
- cocos2dx xcode下面编译注意问题
- Android之监听手机软键盘弹起与关闭
- iOS 响应链
- ios开发之 icon规范+启动图规范+欢迎页规范
- 源码推荐(02.25B):贝塞尔曲线画图,Swift版Tabletableviewcell上加载视频播放器
- Cube Mapping
- Android service ( 二) 远程服务
- iOS 开发中 “Duplicate interface definition for class”问题
- 关于iOS多线程,你看我就够了