解决vue下使用fastclick导致ios端需要点击2下才能触发click的问题

在vue里添加了fastclick来处理移动端点击延迟的问题，但是在mac上使用的时候，发现click事件需要点击2下才能触发点击事件。

import fastclick from 'fastclick';const { userAgent } = navigator;
const deviceIsIOS = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);export const fastFunc = () => {/* eslint-disable */fastclick.attach(document.body);fastclick.prototype.needsClick = (target) => {switch (target.nodeName.toLowerCase()) {// Don't send a synthetic click to disabled inputs (issue #62)case 'button':case 'select':case 'textarea':if (!target.disabled) {return true;}break;case 'input':// File inputs need real clicks on iOS 6 due to a browser bug (issue #68)if ((deviceIsIOS && target.type === 'file') || !target.disabled) {return true;}break;case 'label':case 'iframe': // iOS8 homescreen apps can prevent events bubbling into framescase 'video':return true;// **************************************************// 添加的click事件的过滤对象// 这里写上 你要 不阻止冒泡的元素名就可以了// **************************************************case 'div':case 'img':case 'p':case 'span':case 'a':case 'i':return true;}};
};
/* eslint-enable */
export default { fastFunc };

写完这个，最好不要用 touchstart 和 touchend 了，因为这样滑动也会触发这两个事件

解决vue下使用fastclick导致ios端需要点击2下才能触发click的问题相关推荐

解决vue用ckplayer播放器pc端可以正常使用但是移动端提示：please use the http protocol to open the page
移动端播放视频时,我的视频是传到阿里云服务器上的,然后根据查询返回来的视频地址.所以,根本不存在file类型文件打开方式,也就是电脑的物理地址视频文件,还是提示please use the http ...
解决vue项目过大导致的内存频繁溢出
问题描述当vue项目过大时,每次项目代码发生改变,项目很容易关闭,要重新启动,很麻烦. 解决方案: 按顺序执行下面命令语句(注意:项目需重启) npm install -g increase-mem ...
解决 Vue 中的Element-ui 组件el-checkbox动态赋值点击没反应问题
<el-checkbox :value="form.test=== '1'" @change="val => $set(form,'test',val ? ' ...
unity android模糊ios清晰,Unity NGUI UI 在iOS端的锯齿、模糊、颗粒感问题
一般我们在Unity项目中,都是美术给到图片,然后程序直接导入Unity,Android端给图片设置为 RBGA Compressed ETC2 8bit,iOS端给图片设置为 RBGA Compre ...
file input 点击没反应_解决input file按钮要点击两次才弹出选择文件窗口
相信很多人都碰到过这个问题,文件上传控件透明后有的要点击两次才能弹出选择文件窗口,这里将将介绍如何避免要双击,只需要单击是可以实现的. 本来一直无心留意这个图片上传file按钮的BUG,因为有时候为了 ...
Ios移动端fastClick导致 input触控不灵敏的解决办法！
FastClick 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击.为了能够立即响应用户的点击事件,就有了FastClick 安装完发现输入框 ...
vue.js 使用 fastclick解决移动端click事件300毫秒延迟方法
一般情况下一些框架就自动解决了这个问题一.使用npm安装: npm install fastclick -S 二.用法: 安装完以后,可以在在main.js中全局引入,并绑定到body,全局生效.或 ...
点击延迟_解决移动端浏览器点击延迟300ms的问题——FastClick用法
为什么要使用FastClick 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击.为了能够立即响应用户的点击事件,才有了FastClick. 项 ...
已解决：fastclick插件在IOS系统上点击input需要双击或长按才有效
已解决:fastclick插件在Vue移动端IOS系统上点击input需要双击或长按才有效做Vue项目的登录注册页面测试时发现的问题,Chrome浏览器上使用三星手机Glaxy S5测试input是 ...

解决vue下使用fastclick导致ios端需要点击2下才能触发click的问题

解决vue下使用fastclick导致ios端需要点击2下才能触发click的问题相关推荐

最新文章

热门文章