当前位置: 首页 > 编程笔记 >

vue.js 添加 fastclick的支持方法

许昆
2023-03-14
本文向大家介绍vue.js 添加 fastclick的支持方法,包括了vue.js 添加 fastclick的支持方法的使用技巧和注意事项,需要的朋友参考一下

fastclick:处理移动端click事件300毫秒延迟

1、兼容性

iOS 3及更高版本的移动Safari

iOS 5及更高版本的Chrome

Android上的Chrome(ICS)

Opera Mobile 11.5及以上版本

Android 2以来的Android浏览器

PlayBook OS 1及以上版本

2、不应用FastClick的场景

桌面浏览器;

如果视口元标签中设置了width=device-width,Android上的Chrome 32+会禁用300ms延时;

<meta name="viewport" content="width=device-width, initial-scale=1">

视频元标签如果设置了user-scalable=no,Android上的Chrome(所有版本)都会禁用300ms延迟。

IE10中,可以使用css属性-ms-touch-action: none禁止元素双击缩放(参考文章)。

3、安装:

先执行安装fastclick的命令。

npm install fastclick -S

之后,在main.js中引入,并绑定到body

import FastClick from 'fastclick'

FastClick.attach(document.body);

以上这篇vue.js 添加 fastclick的支持方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • WebSocket 使用一种被称作“Upgrade handshake(升级握手)”的机制将标准的 HTTP 或HTTPS 协议转为 WebSocket。因此,使用 WebSocket 的应用程序将始终以 HTTP/S 开始,然后进行升级。这种升级发生在什么时候取决于具体的应用;可以在应用启动的时候,或者当一个特定的 URL 被请求的时候。 在我们的应用中,仅当 URL 请求以“/ws”结束时,我

  • 问题内容: 我到处环顾了很多,还没有找到将现有IntelliJ项目转换为Gradle的最佳解决方案。我在团队环境中工作,我们目前共享.ipr文件,因为我们要跟踪一些构建配置。最终,我们将摆脱那些偏爱Gradle的人,但是在Gradle转换完成之前,我不能搞砸太多。 同样,我们的Java源文件位于src目录的根目录中,而不是标准的src / main / java。 有什么方法可以将Gradle添加

  • 此外,我们的Java源文件位于src目录的根目录中,而不是标准的src/main/Java。 有没有一种方法,我可以添加Gradle到我的项目,不会让我删除和重新创建我的IntelliJ项目,也不会把其他人搞砸,当他们做一个Git拉动?

  • 本文向大家介绍详解Vue2 添加对scss的支持,包括了详解Vue2 添加对scss的支持的使用技巧和注意事项,需要的朋友参考一下 引入loader scss支持 为了使用scss,我们需要先安装相关的node包: 安装好之后,为了可以在.vue和.scss中使用,需要在webpack.config.js中配置对应的解析器: 关于上面resolve的配置,是因为编译和打包源文件默认不一样。 测试s

  • 本文向大家介绍详解Spring Boot 添加JSP支持,包括了详解Spring Boot 添加JSP支持的使用技巧和注意事项,需要的朋友参考一下 大体步骤: (1)创建Maven web project; (2)在pom.xml文件添加依赖; (3)配置application.properties支持jsp (4)编写测试Controller (5)编写JSP页面 (6)编写启动类Applica

  • 接下来我们将添加外部认证支持。这真的很简单,因为你所需要的实际上只是一个 ASP.NET Core 兼容的认证中间件。 ASP.NET Core 自身已经承载了对 Google,Facebook,Twitter,Microsoft 账户 以及 OpenID Connect 的支持。另外你可以在 这里 找到更多其他的认证提供程序。 添加 Google 支持 为了能够使用 Google 进行身份验证,