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 相关文章推荐
TinyMCE 新增本地图片上传功能
Nov 05 Javascript
Js 回车换行处理的办法及replace方法应用
Jan 24 Javascript
jquery实现textarea输入字符控制(仿微博输入控制字符)
Apr 26 Javascript
js实现倒计时时钟的示例代码
Dec 17 Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 Javascript
js 中获取制定的cook信息实现方法
Nov 19 Javascript
老生常谈的跨域处理
Jan 11 Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
Apr 25 Javascript
详解vue项目的构建,打包,发布全过程
Nov 23 Javascript
windows下更新npm和node的方法
Nov 30 Javascript
JS实现分页导航效果
Feb 19 Javascript
详解vue中v-on事件监听指令的基本用法
Jul 22 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
关于Intype一些小问题的解决办法
2008/03/28 PHP
windows环境下php配置memcache的具体操作步骤
2013/06/09 PHP
PHP 安全检测代码片段(分享)
2013/07/05 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
PHP中include()与require()的区别说明
2017/02/14 PHP
PHP ajax+jQuery 实现批量删除功能实例代码小结
2018/12/06 PHP
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
浅析LigerUi开发中谨慎载入common.css文件
2013/07/09 Javascript
javascript中不提供sleep功能如何实现这个功能
2014/05/27 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
vue-router路由懒加载和权限控制详解
2017/12/13 Javascript
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
[39:21]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.24
2019/09/10 DOTA
Python实现将数据库一键导出为Excel表格的实例
2016/12/30 Python
python调用c++ ctype list传数组或者返回数组的方法
2019/02/13 Python
Python3.5字符串常用操作实例详解
2019/05/01 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
在Pycharm中调试Django项目程序的操作方法
2019/07/17 Python
python多项式拟合之np.polyfit 和 np.polyld详解
2020/02/18 Python
Python利用FFT进行简单滤波的实现
2020/02/26 Python
pytorch之Resize()函数具体使用详解
2020/02/27 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
粉红色的鲸鱼:Vineyard Vines
2018/02/17 全球购物
采用冷却技术的超自然舒适度:GhostBed床垫
2018/09/18 全球购物
Java如何读取CLOB字段
2013/10/10 面试题
运动会800米加油稿
2014/02/22 职场文书
《观舞记》教学反思
2014/04/16 职场文书
音乐兴趣小组活动总结
2014/07/07 职场文书
实施意见格式范本
2015/06/05 职场文书