vue.js 添加 fastclick的支持方法


Posted in Javascript onAugust 28, 2018

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的支持方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
May 18 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
javascript实现网站加入收藏功能
Dec 16 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
基于JS模仿windows文件按名称排序效果
Jun 29 Javascript
js改变透明度实现轮播图的算法
Aug 24 Javascript
老生常谈的跨域处理
Jan 11 Javascript
vue移动端UI框架实现QQ侧边菜单组件
Mar 09 Javascript
vue弹窗组件使用方法
Apr 28 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
Sep 10 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
Aug 28 #Javascript
对vue事件的延迟执行实例讲解
Aug 28 #Javascript
快速解决vue在ios端下点击响应延时的问题
Aug 27 #Javascript
微信小程序按钮去除边框线分享页面功能
Aug 27 #Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 #Javascript
Vue 实现展开折叠效果的示例代码
Aug 27 #Javascript
vue.js响应式原理解析与实现
Jun 22 #Javascript
You might like
Codeigniter注册登录代码示例
2014/06/12 PHP
PHP加密解密类实例代码
2016/07/20 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
JavaScript基本语法学习教程
2016/01/14 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
2016/07/19 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
2016/09/23 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
详解Node.js异步处理的各种写法
2019/06/09 Javascript
JS中的模糊查询功能
2019/12/08 Javascript
nuxt.js写项目时增加错误提示页面操作
2020/11/05 Javascript
Python 用户登录验证的小例子
2013/03/06 Python
在 Django/Flask 开发服务器上使用 HTTPS
2014/07/03 Python
Python使用Supervisor来管理进程的方法
2015/05/28 Python
python如何让类支持比较运算
2018/03/20 Python
Pandas标记删除重复记录的方法
2018/04/08 Python
python查看列的唯一值方法
2018/07/17 Python
OpenCV+Python--RGB转HSI的实现
2019/11/27 Python
python退出循环的方法
2020/06/18 Python
CSS3——齿轮转动关键代码
2013/05/02 HTML / CSS
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
Expedia韩国官网:亚洲发展最快的在线旅游门户网站
2018/02/26 全球购物
澳大利亚一站式数码相机商店:CameraPro
2020/03/09 全球购物
摄影实习自我鉴定
2013/09/20 职场文书
家居设计专业个人自荐信范文
2013/11/26 职场文书
冰淇淋开店创业计划书
2014/02/01 职场文书
四年级学生评语大全
2014/04/21 职场文书
详解运行Python的神器Jupyter Notebook
2021/06/03 Python
Python标准库pathlib操作目录和文件
2021/11/20 Python
德劲DE1102数字调谐收音机机评
2022/04/07 无线电
python解析照片拍摄时间进行图片整理
2022/07/23 Python