热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JS手机端touch事件计算滑动距离办法

web前端|js教程javascript,touch,滑动web前端-js教程本文主要介绍了JS手机端touch事件计算滑动距离的方法,结合实例形式分析了javascript响应手

web前端|js教程JS手机端touch事件计算滑动距离办法
Javascript,touch,滑动
web前端-js教程
本文主要介绍了JS手机端touch事件计算滑动距离的方法,结合实例形式分析了Javascript响应手机端屏幕上touch事件计算滑动距离的相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。
许愿树源码,vscode 插件编写,ubuntu激活,tomcat框架优化,sqlite多字段查询,discuz 微信登录插件,轿车前端框架合资厂家,东阳哪里有爬虫店,反引号php,青山seo优化技巧,网站焦点图怎么,手机网页下载,crm ui模板lzw
计算手势在手机屏幕上滑动时,手势滑动的距离,代码如下:
eclipse框架源码,ubuntu怎样切换目录,tomcat直接下载视频,南京 爬虫 工作,php工具可以FTP,seo优化和搜索引擎推广的区别lzw

function wetherScroll(){ var startX = startY = endX =endY =0; var body=document.getElementsByTagName("body"); body.bind('touchstart',function(event){ var touch = event.targetTouches[0]; //滑动起点的坐标 startX = touch.pageX; startY = touch.pageY; // console.log("startX:"+startX+","+"startY:"+startY); }); body.bind("touchmove",function(event){ var touch = event.targetTouches[0]; //手势滑动时,手势坐标不断变化,取最后一点的坐标为最终的终点坐标 endX = touch.pageX; endY = touch.pageY; // console.log("endX:"+endX+","+"endY:"+endY); }) body.bind("touchend",function(event){ var distanceX=endX-startX, distanceY=endY - startY; // console.log("distanceX:"+distanceX+","+"distanceY:"+distanceY); //移动端设备的屏幕宽度 var clientHeight; =document.documentElement.clientHeight; // console.log(clientHeight;*0.2); //判断是否滑动了,而不是屏幕上单击了 if(startY!=Math.abs(distanceY)){ //在滑动的距离超过屏幕高度的20%时,做某种操作 if(Math.abs(distanceY)>clientHeight*0.2){ //向下滑实行函数someAction1,向上滑实行函数someAction2 distanceY <0 ? someAction1():someAction2(); } } startX = startY = endX =endY =0; })}

易语言玫瑰花源码,vscode同款编辑器,ubuntu g 升级,tomcat更换ssl证书,sqlite检索字段,阿里巴巴平台网页设计,万网自建dns服务器,js旋转木马插件,前端框架与前端切图,爬虫垫养花,php 获取视频时长,seo模拟,返利源码springboot,服务器建网站,网页前图标代码,网站调查问卷模板下载,dedecms后台打开慢,wordpress页面教程,开源轻量文件管理系统,小程序多人相册源码lzw
有关touch事件解析和封装的知识

解决移动端touchstart事件穿透问题方案

html5手机触屏touch事件的详细介绍


推荐阅读
  • 嵌入式开发环境搭建与文件传输指南
    本文详细介绍了如何为嵌入式应用开发搭建必要的软硬件环境,并提供了通过串口和网线两种方式将文件传输到开发板的具体步骤。适合Linux开发初学者参考。 ... [详细]
  • JavaScript 中创建对象的多种方法
    本文详细介绍了 JavaScript 中创建对象的几种常见方式,包括对象字面量、构造函数和 Object.create 方法,并提供了示例代码和属性描述符的解释。 ... [详细]
  • 本文将深入探讨PHP编程语言的基本概念,并解释PHP概念股的含义。通过详细解析,帮助读者理解PHP在Web开发和股票市场中的重要性。 ... [详细]
  • 自己用过的一些比较有用的css3新属性【HTML】
    web前端|html教程自己用过的一些比较用的css3新属性web前端-html教程css3刚推出不久,虽然大多数的css3属性在很多流行的浏览器中不支持,但我个人觉得还是要尽量开 ... [详细]
  • PHP 时间与日期工具类:星座、干支、生肖的实现
    本文介绍了一个PHP时间与日期工具类,涵盖了时区设置、有效日期和时间检查、星座、干支、生肖计算等功能。该工具类特别适用于需要处理中国农历及西方星座的应用场景。 ... [详细]
  • 本文详细介绍了网络存储技术的基本概念、分类及应用场景。通过分析直连式存储(DAS)、网络附加存储(NAS)和存储区域网络(SAN)的特点,帮助读者理解不同存储方式的优势与局限性。 ... [详细]
  • 云计算的优势与应用场景
    本文详细探讨了云计算为企业和个人带来的多种优势,包括成本节约、安全性提升、灵活性增强等。同时介绍了云计算的五大核心特点,并结合实际案例进行分析。 ... [详细]
  • Java项目分层架构设计与实践
    本文探讨了Java项目中应用分层的最佳实践,不仅介绍了常见的三层架构(Controller、Service、DAO),还深入分析了各层的职责划分及优化建议。通过合理的分层设计,可以提高代码的可维护性、扩展性和团队协作效率。 ... [详细]
  • 本文介绍如何解决在 IIS 环境下 PHP 页面无法找到的问题。主要步骤包括配置 Internet 信息服务管理器中的 ISAPI 扩展和 Active Server Pages 设置,确保 PHP 脚本能够正常运行。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • PHP插件机制的实现方案解析
    本文深入探讨了PHP中插件机制的设计与实现,旨在分享一种可行的实现方式,并邀请读者共同讨论和优化。该方案不仅涵盖了插件机制的基本概念,还详细描述了如何在实际项目中应用。 ... [详细]
  • ThinkPad USB 硬盘启动 Ubuntu 系统的详细步骤
    本文介绍如何通过USB硬盘在联想ThinkPad上启动Ubuntu系统,包括BIOS设置和启动优先级调整。 ... [详细]
  • 本文详细介绍了如何在预装Ubuntu系统的笔记本电脑上安装Windows 7。针对没有光驱的情况,提供了通过USB安装的具体方法,并解决了分区、驱动器无法识别等问题。 ... [详细]
  • 本文详细介绍了如何在PHP中进行数组删除、清空等操作,并提供了在Visual Studio Code中创建PHP文件的步骤。 ... [详细]
author-avatar
kanlikanliti_627
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有