欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-01 17:53:30
移动web页面上的click事件相应都要慢上300ms 1.Tap基础事件 300ms延迟怎么破?使用Tap事件代替click事件 自定义 Tap事件原理: 在touchs...

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

1.Tap基础事件

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

自定义 Tap事件原理:

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

框架库zepto.js

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

点透的原因

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