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 相关文章推荐
基于jquery的获取浏览器窗口大小的代码
Mar 28 Javascript
浅析Node.js的Stream模块中的Readable对象
Jul 29 Javascript
JavaScript文档碎片操作实例分析
Dec 12 Javascript
js获取当前日期时间及其它日期操作汇总
Mar 08 Javascript
修改js confirm alert 提示框文字的简单实例
Jun 10 Javascript
Google 地图事件实例讲解
Aug 06 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
vue实现axios图片上传功能
Aug 20 Javascript
微信小程序一周时间表功能实现
Oct 17 Javascript
JavaScript 生成唯一ID的几种方式
Feb 19 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 Vue.js
深入理解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
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
PHP链接MySQL的常用扩展函数
2014/10/23 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
解决Laravel5.x的php artisan migrate数据库迁移创建操作报错SQLSTATE[42000]
2020/04/06 PHP
JavaScript window.setTimeout() 的详细用法
2009/11/04 Javascript
jquery.validate使用攻略 第三部
2010/07/01 Javascript
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
2015/03/05 Javascript
详解AngularJS中的依赖注入机制
2015/06/17 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
2016/01/23 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
JavaScript每天必学之数组和对象部分
2016/09/17 Javascript
关于Javascript中defer和async的区别总结
2016/09/20 Javascript
微信小程序 数据封装,参数传值等经验分享
2017/01/09 Javascript
Vue中的字符串模板的使用
2018/05/17 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
node中modules.exports与exports导出的区别
2018/06/08 Javascript
Vue如何基于es6导入外部js文件
2020/05/15 Javascript
js实现表格数据搜索
2020/08/09 Javascript
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
Python中的字典遍历备忘
2015/01/17 Python
Python爬取APP下载链接的实现方法
2016/09/30 Python
TensorFlow实现Softmax回归模型
2018/03/09 Python
利用pandas将非数值数据转换成数值的方式
2019/12/18 Python
pytorch中tensor张量数据类型的转化方式
2019/12/31 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
详解canvas绘图时遇到的跨域问题
2018/03/22 HTML / CSS
MIXIT官网:俄罗斯最大的化妆品公司之一
2020/01/25 全球购物
EM Cosmetics官网:由彩妆大神Michelle Phan创办的独立品牌
2020/04/27 全球购物
应聘文员自荐信范文
2014/03/11 职场文书
生日宴会主持词
2014/03/20 职场文书
酒店开业庆典策划方案
2014/05/28 职场文书
音乐兴趣小组活动总结
2014/07/07 职场文书
三峡导游词
2015/01/31 职场文书
2019员工保密协议书(3篇)
2019/09/23 职场文书
Windows11插耳机没反应怎么办? win11耳机没声音的多种解决办法
2021/11/21 数码科技