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 相关文章推荐
键盘控制事件应用教程大全
Nov 24 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
jQuery实现公告文字左右滚动的实例代码
Oct 29 Javascript
简介JavaScript中setUTCSeconds()方法的使用
Jun 12 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
Sep 28 Javascript
基于node.js制作简单爬虫教程
Jun 29 Javascript
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
Node.js 使用axios读写influxDB的方法示例
Oct 26 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
Jul 24 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 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 smarty模版引擎中的缓存应用
2009/12/11 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
JQuery Study Notes 学习笔记(一)
2010/08/04 Javascript
网络之美 JavaScript中Get和Set访问器的实现代码
2010/09/19 Javascript
基于jquery的返回顶部效果(兼容IE6)
2011/01/17 Javascript
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
Javascript实现的常用算法(如冒泡、快速、鸽巢、奇偶等)
2014/04/29 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
JavaScript中var关键字的使用详解
2015/08/14 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
require.js+vue开发微信上传图片组件
2016/10/27 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
bootstrap table动态加载数据示例代码
2017/03/25 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
2019/09/18 Javascript
微信小程序实现拼图小游戏
2020/10/22 Javascript
[01:17:55]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
简单介绍Python的Tornado框架中的协程异步实现原理
2015/04/23 Python
matplotlib绘制符合论文要求的图片实例(必看篇)
2017/06/02 Python
为什么选择python编程语言入门黑客攻防 给你几个理由!
2018/02/02 Python
python发送告警邮件脚本
2018/09/17 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
python 基于opencv 实现一个鼠标绘图小程序
2020/12/11 Python
次世代生活态度:Hypebeast
2018/07/05 全球购物
万宝龙英国官网:Montblanc手表、书写工具、皮革和珠宝
2018/10/16 全球购物
社团文化节策划书
2014/02/01 职场文书
诉讼代理人授权委托书
2014/04/08 职场文书
信电学院毕业生自荐书
2014/05/24 职场文书
2016暑期社会实践新闻稿
2015/11/25 职场文书
vue中data改变后让视图同步更新的方法
2021/03/29 Vue.js
MySQL不使用order by实现排名的三种思路总结
2021/06/02 MySQL