click延时解决方案

移动端click事件会有300ms的延时,原因是移动端屏幕双击会缩放(double tap to zoom)页面。

1.禁用缩放。浏览器禁用默认的双击缩放行为并且去掉300ms的点击延迟。

2.利用touch事件自己封装这个事件解决300ms延迟。

  原理:

  1.当我们手指触摸屏幕,记录当前触摸时间

  2.当我们手指离开屏幕,用离开的时间减去触摸的时间

3.使用插件。fastclick插件解决300ms延迟。

什么是插件

移动端要求的是快速开发,所以我们经常会借助于一些插件来帮我完成操作,那么什么是插件呢?

JS插件是js文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。如轮播图和瀑布流插件。

4.Swiper插件的使用

中文官网地址: https://www.swiper.com.cn/

1.引入插件相关文件。

⒉按照规定语法使用



posted @   今天穿秋裤了吗  阅读(85)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示