站内搜索:
首页 >> 前端 >> 内容
移动web之终端交互优化介绍

时间:2018/2/28 11:37:29

移动web页面上的click事件相应都要慢上300ms

1.Tap基础事件

300ms延迟怎么破?使用Tap事件代替click事件

自定义 Tap事件原理:

在touchstart、touchend时记录时间、手指位置,在touchend时进行比较,如果手指位置为同一位置(或允许移动一个非常小的位移值)且时间间隔较短(一般认为是200ms),且过程中未曾触发过touchmove,即可认为触发了手持设备上的”click”,一般 称它为“tap”

框架库zepto.js

移动web之终端交互优化介绍

点透的原因

移动web之终端交互优化介绍
移动web之终端交互优化介绍

  • 上一篇:移动web之触摸touch介绍
  • 下一篇:QT实现工具箱QButtonGroup
  • 返回顶部