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 事件队列调整方法
Sep 18 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
May 07 Javascript
chrome下jq width()方法取值为0的解决方法
May 26 Javascript
javascript验证邮件地址和MX记录的方法
Jun 16 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
jquery结婚电子请柬特效源码分享
Aug 21 Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
Oct 28 Javascript
如何在Angular.JS中接收并下载PDF
Nov 26 Javascript
谈谈Vue.js——vue-resource全攻略
Jan 16 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
Jul 31 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
Apr 27 Javascript
vue动态合并单元格并添加小计合计功能示例
Nov 26 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使用mb_check_encoding检查字符串在指定的编码里是否有效
2013/11/07 PHP
PHP实现上传多文件示例代码
2017/02/20 PHP
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
prototype 中文参数乱码解决方案
2009/11/09 Javascript
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
node.js中的forEach()是同步还是异步呢
2015/01/29 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
2015/02/25 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
jQuery实现可展开合拢的手风琴面板菜单
2015/09/15 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
javascript正则表达式之分组概念与用法实例
2016/06/16 Javascript
浅谈javascript中遇到的字符串对象处理
2016/11/18 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
详解Angular 4.x NgTemplateOutlet
2017/05/24 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
老生常谈javascript的面向对象思想
2017/08/22 Javascript
基于node.js express mvc轻量级框架实践
2017/09/14 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
2018/04/28 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
微信小程序仿知乎实现评论留言功能
2018/11/28 Javascript
微信小程序websocket实现即时聊天功能
2019/05/21 Javascript
JS实现的对象去重功能示例
2019/06/04 Javascript
[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛
2016/06/26 DOTA
怎么使用pipenv管理你的python项目
2018/03/12 Python
python的re模块使用方法详解
2019/07/26 Python
python matplotlib拟合直线的实现
2019/11/19 Python
Python魔法方法 容器部方法详解
2020/01/02 Python
python飞机大战游戏实例讲解
2020/12/04 Python
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
药品采购员岗位职责
2014/02/08 职场文书
英语教师岗位职责
2014/03/16 职场文书
销售员试用期自我评价
2014/09/15 职场文书
2015年复活节活动总结
2015/02/27 职场文书
不同品牌、不同型号对讲机如何互相通联
2022/02/18 无线电
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS