700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 解决移动端touchstart事件穿透问题方案

解决移动端touchstart事件穿透问题方案

时间:2024-02-14 23:19:53

相关推荐

解决移动端touchstart事件穿透问题方案

web前端|js教程

touchstart,问题,穿透

web前端-js教程

【来源】:在开发移动端网站时,会经常徘徊在click和touchstart之间;因为touchstart虽然好用和快速响应;但是其缺点也是显而易见的,当我们大面积的使用touchstart的时候就会遇到,滚动页面的时候会频繁的触发,导致其不友好的体验;所以,不能单独的说哪个好与不好,而应该利用其长处,规避其缺点;

vmacd源码,vscode 批量选中,ubuntu18删除网卡,tomcat如何理解,sqlite查询海量数据,移动端图片预览的插件,前端est3框架,赤西仁 龟梨 爬虫,php web服务,seo营销与广告seo,完整网站源码带后台,摄影网页模板,discuz仿官网模板,登陆注册前端页面模板下载,access数据库 mfc 图书管理系统,物业小程序 微擎lzw

而且,对于a标签,在移动端的跳转方式,等同于click(经过自己实际体验)

客户要求源码,ubuntu 两快硬盘,tomcat登录配置文件,kafka 爬虫队列,php中逻辑或,克拉玛依seo网络营销方案lzw

【问题】在我们在上层触发touchstart的时候,下层的click或者a标签都会同时被触发(严格的讲是350ms之后触发)

易语言在线更新源码教程,电脑怎么退出ubuntu,爬虫数据库存,聊天通信+Php,老站seolzw

【原理】是由于click的触发时间是500ms,而touchstart触发时间是350ms,由于500>350导致的用户出现了穿透问题

【解决办法】解决问题的办法有多重多样,换个角度换个方式,就有不同的答案;下面介绍几个我在实际中行之有效的方法,仅供参考:

可以把touchstart换成touchend,因为触发touchend需要200ms所以可以把触发时间这个原理问题解决掉(这个也是我经常使用的,处理点击问题)

大家也可以在触发下面一层覆盖上一层透明层,让其穿透到这个透明层,而不是有事件的那层(这种方法增加了层级,也增加的编码的复杂度)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。