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 相关文章推荐
JS的IE和Firefox兼容性集锦
Dec 11 Javascript
javascript编程起步(第一课)
Jan 10 Javascript
js去字符串前后空格5种实现方法及比较
Apr 03 Javascript
Node.js异步I/O学习笔记
Nov 04 Javascript
如何编写高质量JS代码
Dec 28 Javascript
html的DOM中Event对象onabort事件用法实例
Jan 21 Javascript
jQuery实现点击小图显示大图代码分享
Aug 25 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
Dec 20 Javascript
使用Vue制作图片轮播组件思路详解
Mar 21 Javascript
JS中promise化微信小程序api
Apr 12 Javascript
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
Sep 13 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 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
需要注意的几个PHP漏洞小结
2012/02/05 PHP
PHP CodeBase:将时间显示为&quot;刚刚&quot;&quot;n分钟/小时前&quot;的方法详解
2013/06/06 PHP
一个php短网址的生成代码(仿微博短网址)
2014/05/07 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
ECMAScript 基础知识
2007/06/29 Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
40款非常有用的 jQuery 插件推荐(系列一)
2011/12/21 Javascript
深入浅析Bootstrap列表组组件
2016/05/03 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
2017/05/26 jQuery
详解Nodejs之npm&amp;package.json
2017/06/15 NodeJs
javascript用rem来做响应式开发
2018/01/13 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
2018/03/22 Javascript
vue+webpack实现异步加载三种用法示例详解
2018/04/24 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
JS/CSS实现字符串单词首字母大写功能
2019/09/03 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
在Vue中使用Echarts实例图的方法实例
2020/10/10 Javascript
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
Python中集合类型(set)学习小结
2015/01/28 Python
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
python实现用户管理系统
2018/01/10 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
Python3.5局部变量与全局变量作用域实例分析
2019/04/30 Python
Python生成指定数量的优惠码实操内容
2019/06/18 Python
python+selenium+PhantomJS抓取网页动态加载内容
2020/02/25 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
英国男士时尚网站:Dandy Fellow
2018/02/09 全球购物
工商管理专业学生的自我评价
2013/10/01 职场文书
创业计划书六个要素
2013/12/26 职场文书
教师求职自荐书
2014/06/14 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
上课玩手机的检讨书
2014/10/01 职场文书
幼儿园开学温馨提示
2015/07/15 职场文书
大学生奶茶店创业计划书
2019/06/25 职场文书