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正则中的RegExp对象对象
Nov 07 Javascript
jQuery异步获取json数据方法汇总
Dec 22 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
Apr 24 Javascript
Angular.js ng-file-upload结合springMVC的使用教程
Jul 10 Javascript
javascript用rem来做响应式开发
Jan 13 Javascript
深入理解Node module模块
Mar 26 Javascript
微信小程序实现搜索历史功能
Mar 26 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
Sep 27 Javascript
JavaScript中的this妙用实例分析
May 09 Javascript
vue实现书本翻页动画效果实例详解
Apr 08 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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
php str_replace的替换漏洞
2008/03/15 PHP
php读取mysql乱码,用set names XXX解决的原理分享
2011/12/29 PHP
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
thinkPHP5.0框架配置格式、加载解析与读取方法
2017/03/17 PHP
基于PHP常用文件函数和目录函数整理
2017/08/17 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
PHP强制转化的形式整理
2020/05/22 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
2007/04/12 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
2013/03/29 Javascript
javascript中的onkeyup和onkeydown区别介绍
2013/04/28 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
2014/08/16 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
Vue.js组件使用开发实例教程
2016/11/01 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
jQuery实现获取选中复选框的值实例详解
2018/06/28 jQuery
React Native中Mobx的使用方法详解
2018/12/04 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
2019/11/20 Javascript
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
Python中处理时间的几种方法小结
2015/04/09 Python
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
Python 实现12306登录功能实例代码
2018/02/09 Python
python3.5绘制随机漫步图
2018/08/27 Python
python导入模块交叉引用的方法
2019/01/19 Python
浅谈pyqt5在QMainWindow中布局的问题
2019/06/21 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
CSS3实现苹果手机解锁的字体闪亮效果示例
2021/01/05 HTML / CSS
Html5页面中的返回实现的方法
2018/02/26 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
2020/08/21 HTML / CSS
网上蛋糕店创业计划书
2014/01/24 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
小学毕业感言200字
2015/07/30 职场文书
火锅店的开业营销方案范本!
2019/07/05 职场文书
2020年元旦晚会策划书模板
2019/12/30 职场文书