资讯专栏INFORMATION COLUMN

touch事件小结

yvonne / 350人阅读

摘要:原文目前支持良好的三种触摸事件。位于当前元素上的手指动作的列表涉及当前事件的手指动作的列表。例如,在一个事件中,这将是移开手指触摸事件位置信息这些信息可以判断拖动的方向下拉刷新上拉加载。

原文:http://zhuxinyong.com/2016/03/08/touch%E4%BA%8B%E4%BB%B6%E5%B0%8F%E7%BB%93/
目前支持良好的三种触摸事件:1. touchstart 2. touchmove 3. touchend。

ToucheEvent -> TouchList -> Touch
触摸事件属性(TouchEvent):
Represents an event that occurs when the state of touches on the surface changes.

触摸事件列表(TouchList):

Represents a group of touches; this is used when the user has, for example, multiple fingers on the surface at the same time.

touches 当前位于屏幕上的所有手指动作的列表。

targetTouches 位于当前 DOM 元素上的手指动作的列表

changedTouches 涉及当前事件的手指动作的列表。例如,在一个 touchend 事件中,这将是移开手指
触摸事件(Touch):

Represents a single point of contact between the user and the touch surface.

位置信息:

clientX/Y

pageX/Y

screenX/y
这些信息可以判断拖动的方向(下拉刷新/上拉加载)。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/86284.html

相关文章

  • 移动web开发问题和优化小结

    摘要:如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨移动开发问题和优化小结。关于和鼠标事件的延迟说明,我引用叶小钗大神博客里面的一张图片,如下在手机上,的延迟将近。 1.前言 到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开...

    galaxy_robot 评论0 收藏0
  • 移动web开发问题和优化小结

    摘要:如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨移动开发问题和优化小结。关于和鼠标事件的延迟说明,我引用叶小钗大神博客里面的一张图片,如下在手机上,的延迟将近。 1.前言 到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开...

    ysl_unh 评论0 收藏0
  • 移动端开发知识小结

    摘要:标签相关能优化移动浏览器的显示。会导致添加到主屏后以全屏模式打开页面时出现黑边如果不是响应式网站,不要使用或者禁用缩放。这一对事件可以用来检测元素上的单击和双击。 meta标签相关 viewport:能优化移动浏览器的显示。 如果不是响应式网站,不要使用initial-scale或者禁用缩放。适配 iPhone 6 和 iPhone 6plus 则需要写: 大部分 4.7~...

    Freeman 评论0 收藏0
  • H5下拉刷新和上拉加载实现原理浅析

    摘要:原文链接前言在移动端网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如,库等。 原文链接:justrockit.top 前言 在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscroll,pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新...

    X1nFLY 评论0 收藏0
  • H5下拉刷新和上拉加载实现原理浅析

    摘要:原文链接前言在移动端网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如,库等。 原文链接:justrockit.top 前言 在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscroll,pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新...

    Bmob 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<