TouchEvent里的targetTouches、touches、changedTouches的区别的具体体现是？

  • touches:当前屏幕上所有触摸点的集合列表
  • targetTouches: 绑定事件的那个结点上的触摸点的集合列表
  • changedTouches: 触发事件时改变的触摸点的集合

举例来说，比如div1, div2只有div2绑定了touchstart事件，第一次放下一个手指在div2上，触发了touchstart事件，这个时候，三个集合的内容是一样的，都包含这个手指的touch，然后，再放下两个手指一个在div1上，一个在div2上，这个时候又会触发事件，但changedTouches里面只包含第二个第三个手指的信息，因为第一个没有发生变化，而targetTouches包含的是在第一个手指和第三个在div2上的手指集合，touches包含屏幕上所有手指的信息，也就是三个手指。

转自---segmentFault https://segmentfault.com/q/1010000002870710

时间： 2024-12-22 12:58:31

TouchEvent里的targetTouches、touches、changedTouches的区别的具体体现是？的相关文章

js中触摸相关变量touches,targetTouches和changedTouches的区别

touches: 当前屏幕上所有触摸点的列表; targetTouches: 当前对象上所有触摸点的列表; changedTouches: 涉及当前事件的触摸点的列表 通过一个例子来区分一下触摸事件中的这三个属性: 用一个手指接触屏幕,触发事件,此时这三个属性有相同的值. 用第二个手指接触屏幕,此时,touches有两个元素,每个手指触摸点为一个值.当两个手指触摸相同元素时,targetTouches和touches的值相同,否则targetTouches 只有一个值.changedTouche

C++ 里大写TRUE和小写true区别

1.C++里大写TRUE和小写true区别 true是bool型的: TRUE是int型的,VC里这个是ms自己定义的: C++规定不允许只通过返回类型不同区别两个函数 2.MFC中的”false“和 “FALSE"有没区别? 有区别.false是bool类型的值,一个字节大小.而FALSE是BOOL类型的值,BOOL就是typedef int BOOL,四个字节大小.虽然FALSE和false值都是1,但一个是四字节的,一个是一字节的. 3.而”DWORD"和“HWND"分

0198 触屏事件:touchstart、touchmove、touchend、touches、targetTouches、changedTouches

1.3.1 触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方.比如触屏事件 touch(也称触摸事件),Android和 IOS 都有. touch 对象代表一个触摸点.触摸点可能是一根手指,也可能是一根触摸笔.触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作. 常见的触屏事件如下: [touchstart.touchmove.touchend都不是小驼峰.] <!DOCTYPE html> &

touch事件中的touches、targetTouches和changedTouches详解

touches: 当前屏幕上所有触摸点的列表; targetTouches: 当前对象上所有触摸点的列表; changedTouches: 涉及当前(引发)事件的触摸点的列表 通过一个例子来区分一下触摸事件中的这三个属性: 1. 用一个手指接触屏幕,触发事件,此时这三个属性有相同的值. 2. 用第二个手指接触屏幕,此时,touches有两个元素,每个手指触摸点为一个值.当两个手指触摸相同元素时, targetTouches和touches的值相同,否则targetTouches 只有一个值.ch

移动的 touch事件中的touches、targetTouches和changedTouches

touches: 当前屏幕上所有触摸点的列表; targetTouches: 当前对象上所有触摸点的列表; changedTouches: 涉及当前(引发)事件的触摸点的列表 通过一个例子来区分一下触摸事件中的这三个属性: 1. 用一个手指接触屏幕,触发事件,此时这三个属性有相同的值. 2. 用第二个手指接触屏幕,此时,touches有两个元素,每个手指触摸点为一个值.当两个手指触摸相同元素时,targetTouches和touches的值相同,否则targetTouches 只有一个值.cha

一张图看懂css的position里的relative和absolute的区别

position有以下属性:static.inherit.fixed.absolute.relative前三个好理解好区分:static:是默认状态,没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明).nherit:从父元素继承 position 属性的值.fixed:生成绝对定位的元素,相对于浏览器窗口进行定位.(即滚动浏览器的时候,元素永远固定显示在窗口可视区的某个位置). 比较常用而且会引起初学者迷惑的是absolute和r

yii框架里DetailView视图和GridView的区别

1,首先从语义上分析 DetailView是数据视图,用于显示一条记录的数据,相当于网页中的详情页 GridView是网格视图,用于显示数据表里的所有记录,相当于网页里的列表页 2.用法上的区别 首先,DetailView用于详情页,GridView用于列表页 其次,GridView中自定义属性的列可以用方法,即可以这样写: 可以直接引入方法,用来显示数据,但是DetailView是不行的,DetailView如果直接写方法,会报错,变通的办法是,在同一页面写一个方法,然后去调用,即可以这样来写

linux里grep和egrep,fgrep的区别

https://blog.csdn.net/xiaoxinyu316/article/details/46729443 例子:1. :格式: grep [option] pattern filename 注意: pattern如果是表达式或者超过两个单词的, 需要用引号引用. 可以是单引号也可双引号, 区别是单引号无法引用变量而双引号可以. grep '\<Tom\>' file   包含单词Tom的行grep 'Tom savage' file 包含Tom savage的行grep '^To

Js变量定义——fn里 var与不var的区别

js运行时内置了一个Global对象. 这个Global对象跟运行环境有关.在浏览器运行环境中.Global就是window对象.在nodejs中.Global对象是global对象. 当你在浏览器环境中,直接使用一个未经定义的变量,例如foo=123;那么foo这个变量自动声明为全局变量.变量引用自动挂载到了Global对象,即window对象上,使用上等同于全局对象的属性,你可以试试来验证. 如: <!DOCTYPE html> <html lang="en"&g