手机端html5自动调用touch事件,移动端中touch事件的详解

本篇文章给大家带来的内容是关于移动端中touch事件的详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1.touchstart

当手指触碰屏幕时候触发dom.addEventListener('touchstart',function(e){});

startX=e.touches[0].clientX;

事件返回的e对象包含的移动端特有的属性：

tarchTouches:目标元素的所有当前触摸

changedTouches:页面上最新更改的所有触摸

touches: 页面上所有的触摸

2.touchmove

手指在屏幕上滑动时连续触发dom.addEventListener('touchmove',function(e){});

事件返回的e对象包含的移动端特有的属性：

tarchTouches:目标元素的所有当前触摸

changedTouches:页面上最新更改的所有触摸

touches: 页面上所有的触摸

3.touchend

当手指离开屏幕时触发dom.addEventListener('touchend',funciton(e){});

//在touchend中，touches拿不到touch对象，

//因为触摸已经结束，changedTouches中拿到触摸对象

//console.log(e);

//endX=e.touches[0]; undefined

endX=e.changedTouches[0].clientX;

事件返回的e对象包含的移动端特有的属性：

changedTouches:页面上最新更改的所有触摸

touchcancel: 系统停止跟踪触摸时会触发。(不经常用)

在touchend事件的时候，event知会记录changeTouches

4. e.touches[0]

clientX:触摸目标在视口中的X坐标。

clientY:触摸目标在视口中的Y坐标。

pageX：触摸目标在页面中的x坐标。

pageY：触摸目标在页面中的y坐标。

screenX:触摸目标在屏幕中的x坐标。

screenY:触摸目标在屏幕中的y坐标。

手机端html5自动调用touch事件,移动端中touch事件的详解相关推荐

手机端html5展示pdf,pdf.js移动端展示预览打开pdf-pdfh5.js
pdf.js移动端展示预览打开pdf-pdfh5.js 本插件基于pdf.js和jQuery,可手势捏合缩放,支持懒加载(即分段加载). 2019.07.18更新:增加npm install pdfh ...
手机端（APP点灯blinker）-PC端（Node-red）-设备端（ESP32）-客户端（MQTTX客户端）四者之间的通信——通过MQTT通信（上）
手机端(APP点灯blinker)-PC端(Node-red)-设备端(ESP32)-客户端(MQTTX客户端)四者之间的通信--通过MQTT通信(上) 前言: 本次实验是通过MQTT来进行手机端-设 ...
【技术分享】手机端代理网络共享至win电脑端
[技术分享]手机端代理网络共享至win电脑端使用前提工具准备具体步骤 1. 打开并实现安卓模拟器内的v'P|n 2. 打开并配置安卓模拟器内的Proxy Server 3. 配置win的代理 4 ...
html5代码转换为视频,HTML5中的视频代码详解
摘要腾兴网为您分享:HTML5中的视频代码详解,智学网,云闪付,易推广,小红书等软件知识,以及360win10,流量魔盒,fitbit,上港商城,安卓2.3.7,全民惠,五年级下册英语单词表图片,t ...
Android 事件分发机制分析及源码详解
Android 事件分发机制分析及源码详解文章目录 Android 事件分发机制分析及源码详解事件的定义事件分发序列模型分发序列分发模型事件分发对象及相关方法源码分析事件分发总结一般 ...
Php开源h5相册系统,HTML5 CSS3专题纯CSS打造相册效果的示例代码详解
HTML5 CSS3专题纯CSS打造相册效果的示例代码详解: 今天偶然发现电脑里面还有这样的一个例子,感觉效果还不错,不记得啥时候下载的了,也好久没上w3cfuns了,怀念学习前台的日子,给大家分享 ...
jquery 监听td点击事件_React 事件 | 1. React 中的事件委托
说到 React 的事件,也算是 React 的一个非常有亮点的优化,它在原生事件体系的基础上,单独实现了一套事件机制.想要了解这个机制,首先的了解下什么是事件委托以及事件委托的好处. 事件委托假设 ...
手机端html5触屏事件(touch事件)
touchstart:触摸开始的时候触发 touchmove:手指在屏幕上滑动的时候触发 touchend:触摸结束的时候触发而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点( ...
手机端html5触屏事件(touch事件)3
touchstart:触摸开始的时候触发 touchmove:手指在屏幕上滑动的时候触发 touchend:触摸结束的时候触发而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点( ...
手机端网页自动播放背景音乐相关资料
做手机端活动页面的时候,经常会遇到打开页面自动播放背景音乐的需求.但是很多开发人员在实现这个需求时会遇到各种各样不能自动播放或有些场景可以有些场景不行的现象,现在总结一下手机端自动播放背景音乐的资料. ...

手机端html5自动调用touch事件,移动端中touch事件的详解

手机端html5自动调用touch事件,移动端中touch事件的详解相关推荐

最新文章

热门文章