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 22 Javascript
JavaScript常用脚本汇总(二)
Mar 04 Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 Javascript
JS组件Bootstrap Table布局详解
May 27 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
Nov 03 Javascript
jQuery实现右侧抽屉式在线客服功能
Dec 25 jQuery
vue2.5.2使用http请求获取静态json数据的实例代码
Feb 27 Javascript
使用Vue实现图片上传的三种方式
Jul 17 Javascript
JavaScript实用代码小技巧
Aug 23 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
Vue如何基于es6导入外部js文件
May 15 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 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
PHP5.5迭代生成器用法实例详解
2016/03/16 PHP
jquery 注意事项与常用语法小结
2010/06/07 Javascript
工作中常用到的JS表单验证代码(包括例子)
2010/11/11 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
实现JavaScript的组成----BOM和DOM详解
2016/05/18 Javascript
前端微信支付js代码
2016/07/25 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
2016/08/08 Javascript
JS冒泡事件与事件捕获实例详解
2016/11/25 Javascript
JS常用倒计时代码实例总结
2017/02/07 Javascript
详解js静态资源文件请求的处理
2017/08/01 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
Vue+Element实现动态生成新表单并添加验证功能
2019/05/23 Javascript
React Native 混合开发多入口加载方式详解
2019/09/23 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
在Python的while循环中使用else以及循环嵌套的用法
2015/10/14 Python
用python结合jieba和wordcloud实现词云效果
2017/09/05 Python
Python的多维空数组赋值方法
2018/04/13 Python
基于MTCNN/TensorFlow实现人脸检测
2018/05/24 Python
python保存二维数组到txt文件中的方法
2018/11/15 Python
Python flask框架实现查询数据库并显示数据
2020/06/04 Python
python查询MySQL将数据写入Excel
2020/10/29 Python
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
香港网上花店:FlowerAdvisor香港
2019/05/30 全球购物
土木工程师职业规划范文
2014/03/07 职场文书
党员学习正风肃纪思想汇报
2014/09/12 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
行政助理岗位职责范本
2015/04/11 职场文书
黑白记忆观后感
2015/06/18 职场文书
2015初中生物教研组工作总结
2015/07/21 职场文书
2016入党积极分子党课学习心得体会
2015/10/09 职场文书
会议开幕致辞怎么写
2016/03/03 职场文书
Java实现带图形界面的聊天程序
2022/06/10 Java/Android
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android