vue.js 添加 fastclick的支持方法
更新时间：2018年08月28日 09:05:44 作者：非凡主力
今天小编就为大家分享一篇vue.js 添加 fastclick的支持方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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的支持方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- vue.js添加一些触摸事件以及安装fastclick的实例
- JavaScript中click和onclick本质区别与用法分析
- JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
- JS中touchstart事件与click事件冲突的解决方法
- 详解vue.js的事件处理器v-on:click
- AngularJS的ng-click传参的方法
- 详解angularJS动态生成的页面中ng-click无效解决办法
- Angularjs为ng-click事件传递参数
- JS基于onclick事件实现单个按钮的编辑与保存功能示例
- JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
- js原生实现FastClick事件的实例
- 快速解决js开发下拉框中blur与click冲突
- Javascript中绑定click事件的四种方式介绍
相关文章
这篇文章主要介绍了通过图带你深入了解vue的响应式原理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，2019-06-06
本文档将介绍如何通过点击父列表（表格）中的数据行来获取到子列表（表格）的数据,代码示例是基于Vue框架实现的一个组件,包含了父列表和子列表,通过点击父列表的数据行来动态获取子列表的数据,感兴趣的朋友跟随小编一起看看吧2024-06-06
本篇文章主要介绍了Vue 兄弟组件通信的方法（不使用Vuex），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
Vue $nextTick 为什么能获取到最新Dom源码解析
这篇文章主要为大家介绍了Vue $nextTick 为什么能获取到最新Dom源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
element-ui中select组件绑定值改变,触发change事件方法
今天小编就为大家分享一篇element-ui中select组件绑定值改变,触发change事件方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了vue.js浅度监听和深度监听及watch用法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2018-08-08
v-model可以实现数据的双向绑定,也是vue的最突出的优势,其实 v-model 实际上是一个语法糖,本文将给大家介绍一下vue中v-model的实现原理,文中有相关的代码供大家参考,具有一定的参考价值,需要的朋友可以参考下2023-12-12
vue把页面转换成图片导出方式(html2canvas导出不全问题)
这篇文章主要介绍了vue把页面转换成图片导出方式(html2canvas导出不全问题),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了Vue router安装及使用方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-12-12
本文通过实例代码给大家介绍了vue 下列表侧滑操作,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-07-07
最新评论