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 相关文章推荐
Javascript 判断 object 的特定类转载
Feb 01 Javascript
Jquery为单选框checkbox绑定单击click事件
Dec 18 Javascript
JavaScript模拟实现继承的方法
Mar 30 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
Jun 26 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
解决wx.onMenuShareTimeline出现的问题
Aug 16 Javascript
微信小程序删除处理详解
Aug 16 Javascript
一文让你彻底搞清楚javascript中的require、import与export
Sep 24 Javascript
Vue的土著指令和自定义指令实例详解
Feb 04 Javascript
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
Jan 23 Javascript
jQuery.parseJSON()函数详解
Feb 28 jQuery
jquery实现掷骰子小游戏
Oct 24 jQuery
深入理解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获取随机数组列表的方法
2014/11/13 PHP
ThinkPHP框架实现定时执行任务的两种方法分析
2018/09/04 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2020/01/22 PHP
总结一些js自定义的函数
2006/08/05 Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
2010/01/22 Javascript
YUI Compressor压缩JavaScript原理及微优化
2013/01/07 Javascript
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
javascript如何实现暂停功能
2015/11/06 Javascript
jQuery on()绑定动态元素出现的问题小结
2016/02/19 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
2016/08/24 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
2018/01/08 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
2018/12/12 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
2019/05/07 Javascript
20个必会的JavaScript面试题(小结)
2019/07/02 Javascript
js中console在一行内打印字符串和对象的方法
2019/09/10 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
python实现删除文件与目录的方法
2014/11/10 Python
Python with用法实例
2015/04/14 Python
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
python处理RSTP视频流过程解析
2020/01/11 Python
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
2018/01/08 HTML / CSS
为什么在使用动态 SQL 语句时必须为低层数据库对象授予权限
2012/12/13 面试题
自荐书格式
2013/12/01 职场文书
学期自我评价
2014/01/27 职场文书
迟到早退检讨书
2014/02/10 职场文书
大学生自我评价范文分享
2014/02/21 职场文书
《陈涉世家》教学反思
2014/04/12 职场文书
平面设计专业求职信
2014/08/09 职场文书
2016年领导干部正风肃纪心得体会
2015/10/09 职场文书
详解MySQL 用户权限管理
2021/04/20 MySQL