美文网首页
Touch事件

Touch事件

作者: 法西斯qwq | 来源:发表于2018-07-23 20:29 被阅读0次

touth事件中的touchs,targetTouches ,changedTouches详解

touchs:当前屏幕上所有触摸点的列表
targetTouches:当前对象上所有触摸点的列表
changedTouches:涉及当前(引发)事件的触摸点的列表

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

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

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

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

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

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

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

. 触点坐标选取

 touchstart和touchmove使用: e.targetTouches[0].pageX 或
  (jquery)e.originalEvent.targetTouches[0].pageX

    touchend使用: e.changedTouches[0].pageX 或 (jquery)
   e.originalEvent.changedTouches[0].pageX

touchmove事件对象的获取

想要在touchmove:function(e,参数一)加一个参数,结果直接使用e.preventDefault()就会 e 报错,处理方法为使用arguments[0]获取event参数
touchmove:function(e,参数一){
  var e=arguments[0]
  e.preventDefault()
}

相关文章

  • 事件

    事件包括有三类:Touch Motion Remote 本篇主要介绍touch事件 Touch事件 事件产生->事...

  • Android_Touch点击事件

    1.什么是Touch事件: 用户点按屏幕,Touch事件产生;用户的手指离开屏幕,Touch事件结束。Touch事...

  • iOS 事件机制

    事件 iOS 将事件分为三类: Touch Motion Remote像耳机线控…… Touch 事件 Touch...

  • day02-移动web开发-适配方案2(理论)

    触摸事件touch: 解释touch: touch是移动端的触摸事件 而且是一组事件 touchstart 当...

  • Android事件分发

    事件分发的对象是点击事件(touch事件) 当用户触摸手机屏幕的时候就会产生点击事件(Touch事件),touch...

  • 【iOS开发】Event - Touch Event

    事件的分类Touch事件Motion事件Remote事件Presses事件 一、Touch 事件过程 1、寻找hi...

  • Android Touch事件分发超详细解析(附源码)

    目录 1.基础概念 1.1 touch事件定义 什么是Touch事件? 一个Touch事件在用户点击屏幕(ACTI...

  • Android触摸机制学习

    关于view的Touch事件、关于ViewGroup的touch事件 View的触摸事件: dispatchTou...

  • 移动端touch事件

    移动端所有的事件都基于touch事件。 一:touch事件:touchstart、touchmove、touche...

  • 有关view的事件分发

    事件分发:用户点击屏幕(view或者viewGroup)产生点击事件(touch事件),touch事件的(发生触摸...

网友评论

      本文标题:Touch事件

      本文链接:https://www.haomeiwen.com/subject/qqqsmftx.html