全讯网新

全讯网新
cms全讯网新网站系统、政府cms定制开发

广州网站建设全讯网新-阅速全讯网新

报纸全讯网新网站内容全讯网新一体化报刊软件联系电话
/
http://dmanswers.com/
广州网站建设全讯网新
您当前位置:首页>网站技术

网站技术

手机设备上touchstart与click的区别和click事件经历过程

全讯网新时间:2019/1/10 11:57:00  作者:Admin  阅读:53  

1.基本定义

touchstart 手指触碰开始就能触发

click

1.手指触碰

2.手指未在屏幕上移动

3.在这个dom上手指离开屏幕

4.触摸和离开屏幕之间的时间间隔较短

因此,click事件有其独特的地方,不能完全用touchstart替代。

2.click延时问题

全讯网新因为手机浏览器上,两次轻触是放大操作,在第一次被轻触后,浏览器需要先等一段时间,检测是否有第二次连续触碰,才会触发click时间,click时间通常会延迟300ms左右。

解决方法:在touchstart和touchend时记录时间和手指位置,在touchend时进行比较,如果手指为同一位置且时间很短,且期间未触发touchmove时间,则可以认为触发click时间,即为tap事件

移动端有四个全讯网新触摸的事件,分别是touchstart、touchmove、touchend、touchcancel(比较少用), 它们的触发顺序是touchstart-->touchmove-->touchend-->click,所以touch事件触发完成后会接着触发click事件

相关文章
click
touchstart
cms全讯网新系统购买咨询
扫描关注 广州阅速软件全讯网新有限全讯网新
扫描关注 广州阅速全讯网新