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);

转载于:https://www.cnblogs.com/zhoubingyan/p/8423603.html

fastclick：处理移动端click事件300毫秒延迟相关推荐

vue.js 使用 fastclick解决移动端click事件300毫秒延迟方法
一般情况下一些框架就自动解决了这个问题一.使用npm安装: npm install fastclick -S 二.用法: 安装完以后,可以在在main.js中全局引入,并绑定到body,全局生效.或 ...
fastclick 解决移动端click事件300ms延迟
移动端click 事件延迟300ms 一般情况下,如果没有经过特殊处理,移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟.也就是说,当我们点击页面的时候移动端浏览器并不是立即作出反应, ...
fastclick 解决移动端click事件延迟300ms和点击穿透问题
一.移动端click点击事件300ms延迟介绍在正常情况下,如果不进行特殊处理,移动端在触发点击事件时,会有300ms的延迟.换句话说,当我们在点击移动端页面后不会立即做出反应,而是会等待300ms ...
苹果浏览器移动端click事件延迟300ms的原因以及解决办法
这要追溯至 2007 年初.苹果公司在发布首款 iPhone 前夕,遇到一个问题 -- 当时的网站都是为大屏幕设备所设计的.于是苹果的工程师们做了一些约定,应对 iPhone 这种小屏幕浏览桌面端站点 ...
ios点击有300毫秒延迟，输入框必须重压或长按才能获取焦点唤起软键盘
以下方法主要针对在vue中的使用 // ios点击有300毫秒延迟 1. 安装依赖包cnpm install fastclick --save 2. 在 /src/main.js 中引入并使用impo ...
移动端click事件延时
在移动端使用click事件会产生300ms的延迟问题的产生: 移动端存在双击放大的问题,所以在移动端点击事件发生时,为了判断用户的行为(到底是要双击还是要点击),浏览器通常会等待300ms,如果30 ...
滑动翻页效果实现和移动端click事件问题
前述本文很短~ 主要是为了总结和讲述移动端click和js事件机制导致的一个问题. (:咳咳,其实几句话就能写完的还要水一篇文章,不愧是我- 正文最近做了一个小活动,里面要用到一个效果:滑动翻页. ...
移动端click事件无反应或反应慢 touchend事件页面滑动时频繁触发
H5页面的点击事件click 无论在浏览器 iframe还是小程序里面都会出现点击无反应或者反应慢的情况出现所以决定用touchend事件来代替click 但是touchend事件触发比较灵敏在 ...
fastclick.js移动端WEB开发，click,touch,tap事件浅析
建议看看:http://www.cnblogs.com/yexiaochai/p/3442220.html 一.click 和 tap 比较两者都会在点击时触发,但是在手机WEB端,click会有 ...

fastclick：处理移动端click事件300毫秒延迟

1、兼容性

2、不应用FastClick的场景

3、安装：

fastclick：处理移动端click事件300毫秒延迟相关推荐

最新文章

热门文章