Js touchg事件在移动端网页中左右滑动效果

参考网址：

https://www.cnblogs.com/pingfan1990/p/5447404.html

https://www.cnblogs.com/liangshaojiang/p/9013912.html

//滑动$("body").on("touchstart", function(e) {if(e.target.tagName == 'A') {location.href = $(".lightSpeedIn a").attr("href")}//判断如果有a标签，可以执行href跳转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) {location.href = "baom.html"}});

此段代码过于灵敏~不推荐使用

转载于:https://www.cnblogs.com/fkcqwq/p/11492208.html

Js touchg事件在移动端网页中左右滑动效果相关推荐

05【JS 高级】-【PC端网页特效】元素偏移量 offset 系列，元素可视区 client 系列，元素滚动 scroll 系列，动画函数封装，常见网页特效案例
04[JS 高级]-[PC端网页特效] 学习内容: 元素偏移量 offset 系列, 元素可视区 client 系列, 元素滚动 scroll 系列, 动画函数封装, 常见网页特效案例 1. 元素偏移 ...
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件
为什么80%的码农都做不了架构师?>>> Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件 http://www.swiper.com ...
html百叶窗切换效果,js实现绿白相间竖向网页百叶窗动画切换效果
本文实例讲述了js实现绿白相间竖向网页百叶窗动画切换效果.分享给大家供大家参考.具体分析如下: 前面我们讲解了一个网页百叶窗切换动画效果,不过是横向百叶窗,这个是竖向百叶窗,代码基本一样: 百叶窗页面 ...
JS学习笔记之PC端网页特效 4.30
1 元素偏移量 offset offset 翻译过来就是偏移量, 我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移).大小等. 获得元素距离带有定位父元素的位置获得元素自身的大小 ...
DW中html怎么调用js,把Javascript代码应用到网页中的方法
把Javascript代码应用到网页中的方法发布时间:2012-05-14 11:21:49 作者:佚名我要评论把Javascript代码放到网页中,做网页的时候经常要用到这个方法.请看 ...
html5 手机导航栏左右滑动效果,js实现移动端导航点击自动滑动效果
本文实例为大家分享了js实现移动端导航点击滑动效果的具体代码,供大家参考,具体内容如下移动端模拟导航可点击自动滑动 0.1.4. 导航可左右滑动,可点击边缘的一个,自动滚动下一个到可视范围[依赖于i ...
three.js后期处理-使用UnrealBloomPass通道在场景中添加泛光效果，三维物体表面发光效果(vue中使用three.js85)
使用UnrealBloomPass通道在场景中添加泛光效果 1.demo效果 2. 重要知识点 2.1 回顾要点 2.2 UnrealBloomPass通道介绍 3. 实现要点 3.1 相关文件引入 ...
解决移动端scrollTo({behavior: “smooth“})滑动效果失效的问题
js自带的scrollTo方法可以设置动画,滚动的效果,代码在电脑上正常,但是在手机上的时候就没有smooth的滑动效果了,只能僵硬的跳到某个位置,类似scrollTop赋值的效果,这里从一个博客看到 ...
js html模板生成图片不显示,网页中图片不显示问题
问题描述网页展示时,图片不显示.其实图片已经上传到服务器,通过ftp也能够下载图片问题出现的环境背景及自己尝试过哪些方法相关代码 // 请把代码文本粘贴到下方(请勿用图片代替代码) 界面的代码如 ...

Js touchg事件在移动端网页中左右滑动效果

Js touchg事件在移动端网页中左右滑动效果相关推荐

最新文章

热门文章