前端学习笔记 - 触摸有几个事件？
返回目录
1、click事件
单击事件，类似于PC端的click，但在移动端中，连续click的触发有200ms ~ 300ms的延迟
2、touch类事件
a、触摸事件，有touchstart、touchmove、touchend、touchcancel四种之分touchstart：手指触摸到屏幕会触发touchmove：当手指在屏幕上移动时，会触发touchend：当手指离开屏幕时，会触发touchcancel：可由系统进行的触发，比如手指触摸屏幕的时候，突然alert了一下，或者系统中其他打断了touch的行为，则可以触发该事件b、触摸列表touches：表示当前跟踪的触摸操作的Touch对象的数组。targetTouches：特定于事件目标的Touch对象的数组。changedTouches：表示自上次触摸以来发生了什么改变的Touch对象的数组。
3、tap类事件
触碰事件，一般用于代替click事件，有tap、longTap、singleTap、doubleTap四种之分tap：手指碰一下屏幕会触发longTap：手指长按屏幕会触发singleTap：手指碰一下屏幕会触发doubleTap：手指双击屏幕会触发
4、swipe类事件
滑动事件，有swipe、swipeLeft、swipeRight、swipeUp、swipeDown五种之分swipe：手指在屏幕上滑动时会触发swipeLeft：手指在屏幕上向左滑动时会触发swipeRight：手指在屏幕上向右滑动时会触发swipeUp：手指在屏幕上向上滑动时会触发swipeDown：手指在屏幕上向下滑动时会触发
5、自定义手势事件gesture
a、手势事件只是概念型，目前还没有浏览器原生支持，按照概念可分为gesturestart、gesturechange、gestureend三种事件gesturestart：当有两根或多根手指放到屏幕上的时候触发gesturechange：当有两根或多根手指在屏幕上，并且有手指移动的时候触发gestureend：当倒数第二根手指提起的时候触发，结束gestureb、按照定义，当分别将两根手指放到屏幕上的时候，会有如下顺序的事件触发：1、第一根手指放下，触发touchstart2、第二根手指放下，触发gesturestart3、触发第二根手指的touchstart4、立即触发gesturechange5、手指移动，持续触发gesturechange6、第二根手指提起，触发gestureend，以后将不会再触发gesturechange7、触发第二根手指的touchend8、触发touchstart（多根手指在屏幕上，提起一根，会刷新一次全局touch，重新触发第一根手指的touchstart）9、提起第一根手指，触发touchend
参考：
链接1
链接2
前端学习笔记 - 触摸有几个事件？相关推荐
- web前端学习笔记26-事件类型——一般事件、页面事件、表单事件
一.事件类型的分类 事件分为一般事件.页面事件和表单事件 二.一般事件 关键字 释义 关键字 释义 click 单击事件 dblclick 双击事件 mousemove 鼠标移动事件 mouseove ...
- 前端学习笔记（js基础知识）
前端学习笔记(js基础知识) JavaScript 输出 JavaScript 数据类型 常见的HTML事件 DOM 冒泡与捕获 流程控制语句 for..in 计时器 let,var,const的区别 ...
- 前端学习笔记：省市区三级联动
前端学习笔记:省市区三级联动 一.数据库 sql表是自关联的表. 表名:province_city_district 字段: id:区域自身的id pid:区域的父级id name:区域自身的名字 二 ...
- web前端学习笔记（最新）
web前端学习笔记 大家好,我是链表哥,新的学期,新的学习,我会为您展示我的学习进程. 一:什么是WEB前端? 所谓的Web前端指的是用户所能接触到的,并服务于用户的前沿端口,经我们程序员编辑修饰后展 ...
- 2017-2-15从0开始前端学习笔记（HTML）-图片-表格-表单
2017-2-15从0开始前端学习笔记-图片-表格-表单 标签 图片 图片<img src="#" alt="文本说明 不能加载图片时显示" title= ...
- 软件调试学习笔记（三）—— 调试事件的处理
软件调试学习笔记(三)-- 调试事件的处理 要点回顾 调试事件的处理 实验一:实现简单调试器(创建进程) 实验二:分析异常来源 实验三:实现简单调试器(附加进程) 实验四:分析NtDebugActiv ...
- 软件调试学习笔记（二）—— 调试事件的采集
软件调试学习笔记(二)-- 调试事件的采集 要点回顾 调试事件的种类 调试事件采集函数 例:分析PspUserThreadStartup 例:分析PspExitThread 总结 要点回顾 调试器与被 ...
- jQuery学习笔记之DOM操作、事件绑定（2）
jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...
- 前端学习笔记：Bootstrap框架入门
前端学习笔记:Bootstrap框架入门 一.Bootstrap概述 1.基本信息 Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS. ...
最新文章
- 2007 China MVP Open Day
- python3作用域
- Java语言程序设计实验指导_《java语言程序设计》上机实验指导手册(4).doc
- php7 imagick安装,php扩展imagick安装for windows7
- BZOJ3209(n的二进制表示中1的个数的乘积)
- ios开发 热搜词demo_一场比赛16个热搜，uzi因焕烽躺枪，阿bin评价赛后太揪心
- 总奖金100万！2021SEED江苏大数据开发与应用大赛（华录杯）正式开赛！
- zookeeper 大量连接断开重连原因排查
- 如何在SQL Server中创建视图
- Win11右键菜单切回经典模式
- 网站前端js-parseInt.html
- 学成在线官网首页完整版（含psd源文件）
- 网易云升级服务（云函数）
- 大龄程序员找工作，为什么这么难？
- PTA:运算符重载(最简分数，c++)
- 程序员如何实现财务自由？
- 寻找苹果帝国的二当家
- 镭速传输流量版：随时开启企业大数据加速传输超能力
- 陈强《计量经济学及Stata应用》习题答案
- 高性能网络编程（一）----accept建立连接