zoukankan      html  css  js  c++  java
  • touch事件中的touches、targetTouches和changedTouches

    touches: 当前屏幕上所有触摸点的列表;

    targetTouches: 当前对象上所有触摸点的列表;

    changedTouches: 涉及当前(引发)事件的触摸点的列表;

    通过一个例子来区分一下触摸事件中的这三个属性:

    1. 用一个手指接触屏幕,触发事件,此时这三个属性有相同的值。

    2. 用第二个手指接触屏幕,此时,touches有两个元素,每个手指触摸点为一个值。当两个手指触摸相同元素时,
    targetTouches和touches的值相同,否则targetTouches 只有一个值。changedTouches此时只有一个值,
    为第二个手指的触摸点,因为第二个手指是引发事件的原因

    3. 用两个手指同时接触屏幕,此时changedTouches有两个值,每一个手指的触摸点都有一个值

    4. 手指滑动时,三个值都会发生变化

    5. 一个手指离开屏幕,touches和targetTouches中对应的元素会同时移除,而changedTouches仍然会存在元素。

    6. 手指都离开屏幕之后,touches和targetTouches中将不会再有值,changedTouches还会有一个值,
    此值为最后一个离开屏幕的手指的接触点。

  • 相关阅读:
    css3动画栈效果_1
    页面滚动时出现固定导航
    jquery定位到指定元素
    seajs之学习2
    seajs之学习1
    变态ie6之要求css与页面编码一致引发的问题
    ASP.NET学习笔记一
    C++学习笔记三(类和对象)
    C++学习笔记二
    unity3D学习笔记一
  • 原文地址:https://www.cnblogs.com/yuanyiming/p/12295891.html
Copyright © 2011-2022 走看看