E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
FastClick
H5页面--Android滑动屏幕图片误触
处理移动端上点击有300ms延迟的方法,我们通常会用
fastclick
.js来解决,但是调用
fastclick
.js可能会导致另一个问题,就是在安卓端的时候,H5页面未加载完时,滑动页面如果误触图片,会触发图片的点击事件
Kreme
·
2019-06-19 11:14
解决Vue移动端事件延迟的问题
更改meta标签引入
fastclick
及一系列操作if('addEventListener'indocument){document.addEventListener('DOMContentLoaded
yang
·
2019-06-11 00:00
vue.js
vue坑之宝库(持续更新)
使用
fastclick
直接外部引入初始化,在手机模式下会报错Cannotreadproperty'style'ofnull;还是要npm下载后再importnpminstall
fastclick
--save-devimport
FastClick
from'
fastclick
'
FastClick
.attach
YellowPoint
·
2019-04-11 23:38
fastclick
在移动端使用input=“file”上传文件时label中的内容不能触发change事件的bug
当我的代码如下的时候点击编辑头像我发现我点击其他地方可以调用系统的相机以及相册,但是点击头像和文字的时候需要双击才能触发,后来排除原因主要是因为项目中引入了
fastclick
造成的,后来在issue中找到了答案
Kingsley
·
2019-04-10 00:00
safari
ios
css
html
javascript
Vue项目中常用的插件
4.vconsole:移动端调试利器5.axios:一个很好的ajax封装集6.
fastclick
:为了能够立即响应用户的点击事件,解决移动端click300ms延迟,才有了
FastClick
。
wangliang_001
·
2019-02-12 15:35
vue
vue项目常用的插件
一个
FastClick
引起的BUG
我的页面上有多个垂直摆放的select和input[type="text"],当选中某一个inputA的时候,页面会先选中inputA,然后莫名其妙地选中在inputA上下一定距离的inputB.最终我猜问题是
FastClick
liu__software
·
2019-01-16 15:58
FastClick
web前端
fastclick
.js对input的点击失效!
在引用
fastclick
.js来对移动端页面消除300ms的延迟,但是在书写表单时,点击type='text'的input没有效果,有时有可能可以点击,但是大多数input是无法点击的,在去掉
fastclick
.js
liu__software
·
2019-01-16 15:53
web前端
FastClick
遇到的坑及解决办法
最近产品妹子提出了一个体验issue——用iOS在手Q阅读书友交流区发表书评时,光标点击总是不好定位到正确的位置:如上图,具体表现是较快点击时,光标总会跳到textarea内容的尾部。只有当点击停留时间较久一点(比如超过150ms)才能把光标正常定位到正确的位置。一开始我以为是iOS原生的交互问题没太在意,但后来发现访问某些页面又是没有这种奇怪体验的。然后怀疑是否JS注册了某些事件导致的问题,于是
liu__software
·
2019-01-16 15:16
web前端
js全局织入
('');document.write('');///globalWave(全局织入)执行时机:onloadvarglobalWaveValues=[];globalWaveValues.push('
FastClick
.attach
千絮泠泉
·
2019-01-10 10:00
js全局织入
mint-UI上拉加载下拉刷新和
fastclick
冲突问题解决
当我们的Vue项目为了解决IOS设备事件点击卡顿,300ms的延迟的问题,引入了
fastclick
后,会有很多小的冲突,例如在使用mint-UI实现上拉加载和下拉刷新的时候,经常会触碰到点击事件进入下一个页面
honey缘木鱼
·
2018-12-05 09:58
mint-UI上拉加载下拉刷新和
fastclick
冲突问题解决
当我们的Vue项目为了解决IOS设备事件点击卡顿,300ms的延迟的问题,引入了
fastclick
后,会有很多小的冲突,例如在使用mint-UI实现上拉加载和下拉刷新的时候,经常会触碰到点击事件进入下一个页面
honey缘木鱼
·
2018-12-05 09:58
vue.js
vue.js进阶之路
第二篇☾项目中遇到的问题☽
1.移动端300ms延迟在移动端web中会遇到300ms点击延迟的问题,这个时候可以使用
fastclick
来解决这个问题。
JessLong
·
2018-10-27 18:20
Vue实战《去哪网》
移动端可以点击放大的图片
本方法是用http://jqweui.com/extends#photos里面的方法来调用的,只是做个记录2,首先引入jq文件和css文件css文件jq文件js代码//初始化代码$(function(){
FastClick
.attach
凉柠_da5d
·
2018-10-25 16:28
Android 多重点击拦截
/***多重点击*/publicclass
FastClick
Util{privatestaticfinalintMIN_DELAY_TIME=300;//两次点击间隔不能少于300msprivatestaticlonglastClickTime
IT_MR_Jie
·
2018-10-22 11:21
常用工具类
IOS由于
Fastclick
导致contentEditable无法聚焦
1.问题描述在IOS浏览器,用div模拟textarea实现可换行的编辑输入文本,在Vue条件下加入了
fastclick
防重点击,
fastclick
判断ontouchstart条件看是否是移动端,若是移动端则进行相应的事件绑定
soft_z1302
·
2018-10-17 10:00
前端
vue
移动端
vue
contentEditable
web
移动端
两年移动端前端开发问题吐血汇总
bug某些手机上fixed元素在页面滚动时会消失使用局部滚动,而不是整页滚动某些IOS设备上触发不了点击事件在元素上加pointer:cursorIOS设备上点击事件有300ms延迟两种方法,一是使用
fastclick
.js
DOM哥
·
2018-09-30 14:00
fastclick
导致Ant Design框架的Upload组件在ios设备上点击异常
产生原因直接原因是项目中引入了
fastclick
,而
fastclick
有点小bug,导致IOS端点击出现异常。具体原因请看caoxuejun发表的一篇文章,分析的很好。
叶子
·
2018-09-21 00:00
fastclick
antdesign
antd
移动端 html + 字体自适应
数据中心if('addEventListener'indocument){document.addEventListener('DOMContentLoaded',function(){
FastClick
.attach
wlianfu
·
2018-09-05 14:30
vue.js添加一些触摸事件以及安装
fastclick
的实例
安装
fastclick
.jsnpminstall
fastclick
-D之后,在main.js中引入,并绑定到bodyimport
FastClick
from'
fastclick
'//vue框架开发H5正确运用
愤怒的小青春
·
2018-08-28 09:22
对vux点击事件的优化详解
我们可以用
fastclick
库来解决这个问题,具体步骤如下:这里以vue+webpack项目目录为例:1、打开node控制台,切换到自己的项目目录2、npm安装
fastclick
,并将版本信息写入本地packpage.json
草木黄尘
·
2018-08-28 09:03
vue.js 添加
fastclick
的支持方法
fastclick
:处理移动端click事件300毫秒延迟1、兼容性iOS3及更高版本的移动SafariiOS5及更高版本的ChromeAndroid上的Chrome(ICS)OperaMobile11.5
非凡主力
·
2018-08-28 09:44
H5点透问题的解决方法
一、点透的解决方法——引入
fastclick
github链接:https://github.com/ftlabs/
fastclick
直接引入
fastclick
.js文件到项目里面,在使用的文件里面引入
fastclick
.js
_既白_
·
2018-08-09 20:39
移动端HTML5开发心得
用户在里面输入文字,触发键盘,固定容器会客显示,而不是是连续悬浮解决办法:http://dwz.cn/CrwNz2,移动端点击时间300ms的延迟解决办法:zepto.js或者百度touch.js或者是
fastclick
.js3
叫我官人_
·
2018-08-07 11:00
Html5
采用Vue,实现div模拟textarea文本域及高度自适应
解决:ios文字无法输入,添加style=”-webkit-user-select:text”,如果引用了
fastclick
.js文件,需要给div加上needscl
futuretodaylonggong
·
2018-07-23 17:24
前端
web 常用开发工具
Share.js一键分享nock模拟异步数据Clamp.js限制文本最大行数pinyin将汉字转化为拼音pinyinjs汉字与拼音互转的小巧web工具库localforage浏览器缓存数据库phaserH5游戏框架
fastclick
Ajanuw
·
2018-06-19 11:00
fastclick
Titlebody{padding:0;margin:0;background-color:#F7F7F7;}.box{width:320px;height:320px;margin:100pxauto;position:relative;}.tap{width:200px;height:200px;text-align:center;line-height:200px;font-size:30p
YingMuMonkey
·
2018-05-29 18:56
随记
vue中常用的插件
/assets/styles/reset.css'用自己习惯的reset就好1,
fastclick
插件,解决移动端点击事件延时300毫秒npminstall
fastclick
--save在main.js
Mr_HeXS
·
2018-05-19 16:39
vue
用vue做完项目的一些用法,技巧总结(很实用)
一.vue.js添加
fastclick
的支持
fastclick
:处理移动端click事件300毫秒延迟1)安装npminstall
fastclick
-S2)引入之后,在main.js中引入,并绑定到bodyimport
FastClick
from'
fastclick
FastClick
.attach
·
2018-05-02 00:00
vue.js
浅谈
FastClick
填坑及源码解析
最近产品妹子提出了一个体验issue――用iOS在手Q阅读书友交流区发表书评时,光标点击总是不好定位到正确的位置:如上图,具体表现是较快点击时,光标总会跳到textarea内容的尾部。只有当点击停留时间较久一点(比如超过150ms)才能把光标正常定位到正确的位置。一开始我以为是iOS原生的交互问题没太在意,但后来发现访问某些页面又是没有这种奇怪体验的。然后怀疑是否JS注册了某些事件导致的问题,于是
VaJoy Larn
·
2018-03-02 10:12
移动端touch事件代替click事件
最近有做到移动端的项目(主要是微信端),开发中遇到iPhone手机click事件有300ms延迟,尝试使用
fastclick
.js解决,但效果并不理想,测试发现触摸不灵敏,几乎需要点击两次才能有一次触发成功
飞鱼YE
·
2018-02-07 21:56
基于vue开发的在线付费课程应用过程
使用lib-flexible解决移动页面适配来一个清单"dependencies":{"
fastclick
":"^1.0.6","lib-flexible":"^0.3.2","lodash":"^4.17.4
小土狗
·
2018-01-25 08:19
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
…项目主架构使用的库vue-cli(vue+webpack脚手架)vue-router(路由跳转)vuex(状态管理)axios(数据请求)mock.js(模拟后台数据)vue-touch(手势判断)
fastclick
rickchen
·
2018-01-09 16:32
通过
fastclick
源码分析彻底解决tap“点透”
近期使用tap事件为老夫带来了这样那样的问题,其中一个问题是解决了点透还需要将原来一个个click变为tap,这样的话我们就抛弃了ie用户当然可以做兼容,但是没人想动老代码的,于是今天拿出了
fastclick
叶小钗
·
2017-12-24 09:14
jQuery插件模拟支付宝密码输入框效果
位数密码用户体验挺好的,今天特意整理了一个网页版的供给大家参考使用使用方法:1、将head中的样式复制到你的样式表中2、将body中的代码部分拷贝过去即可(CSS3代码,不支持低版本浏览器)代码:1.
fastclick
.js
Carino_U
·
2017-12-19 10:13
JavaScript
fastclick
的使用
首先引入
fastclick
.js如果引入zepto,绑定方式
FastClick
.attach(document.body);原生js绑定
fastclick
if('addEventListener'indocument
cjx1259972299
·
2017-12-17 19:15
壮哉我大APICloud - useWKWebView参数解决iOS滚动监听问题
300ms点击延迟,通常都用
fastclick
解决css3或者js动画跟原生动画还是有很大差距曾经我也妥协了,以为APICloud已经尽力了,但今无意中看到
全栈之巅Johnny
·
2017-12-11 03:08
常见移动端兼容性问题
解决方式:
fastclick
可以解决在手机上点击事件的300ms延迟zepto的touch模块,tap事件也是为了解决在click的
飞菲fly
·
2017-11-08 20:35
vue.js 添加
fastclick
的支持
fastclick
:处理移动端click事件300毫秒延迟###1、兼容性iOS3及更高版本的移动SafariiOS5及更高版本的ChromeAndroid上的Chrome(ICS)OperaMobile11.5
非凡主力
·
2017-10-16 10:18
VUE
js解决按需引入文件(IOS11引入
fastclick
有bug)
首先,为什么会提出这个问题在用jquery-weui开发的时候,当时还没有IOS11,所以引入
FastClick
完全没出现过问题,一两个月后就有客户反馈说(此时是加入
fastclick
的),(而且已经进入后台开发了
电鳗效应
·
2017-10-12 15:36
微信
前端
fastclick
H5开发:
fastclick
取代tap
fastclick
说明书clickme!
Generon
·
2017-09-26 10:49
H5开发
移动端的事件库
FastClick
.js:解决click事件300ms的延迟touch.js:百度云手势事件库GitHub地址:https://github.com/Clouda-team/touch.code.baidu.com
cssshua
·
2017-09-17 17:55
移动端
移动端
FastClick
处理移动端click事件300毫秒延迟,由FTLabs开发,Github项目地址:https://github.com/ftlabs/
fastclick
。为什么存在延迟?
与蟒唯舞
·
2017-07-13 10:04
fastclick
使用与解密
什么是
fastclick
为什么要使用
fastclick
1、直接去掉延迟2、缓和修复如何使用
fastclick
什么时候不使用它什么是
fastclick
FastClick
isasimple,easy-to-uselibraryforeliminatingthe300msdelaybetweenaphysicaltapandthefiringofaclickeventonmobilebrowsers.T
Never Yu丶
·
2017-06-29 16:16
前端
关于vue表单提交防双/多击
也有可能是测试又学会什么新知识了,哈哈),说是在点击提交和调用之间有可能有狂暴的用户在多连击,就像打游戏一样,调用接口后的loading状态切换就无效了然后,就只好自己写了个基于vue防多击的指令,小小偷懒了下,我里面已经注入
fastClick
风翻火焰
·
2017-06-28 10:30
Fastclick
.js插件的引入和使用(前段学习 第三节)
http://blog.csdn.net/zfy865628361/article/details/49512095引入插件步骤①在HTML页面中添加注:必须在页面所有Element之前加载脚本文件先实例化
fastclick
②
lcp_haha
·
2017-06-16 15:33
记录
fastclick
中一次手动触发click事件失败
在昨天的一个移动端项目中引入
fastclick
后手动触发click事件失败,查看了文档也没有找到解决的办法,最后通过看
fastclick
源码才解决。如果不想看中间这么多文字,可以直接翻到最后看结论。
caoxuejun
·
2017-04-30 00:00
fastclick
javascript
JS展望之 - 提升用户体验
过去,在移动Web领域使用Tap事件来代替Click事件只是一个开始——使用
FastClick
这样的库来规避Click事件的延迟。
孙大飘飘
·
2017-03-17 17:07
JS
adminLTE 教程 -0 基础布局
,但是如果只需要一个皮肤的话,比如只需要蓝色,直接引入skin-blue就行,毕竟越简越好6、兼容IE8的两个js文件7、jquery没的说8、
fastclick
,触摸设备快速点击体验,不想兼容手机可以
wz669
·
2017-03-16 10:13
adminLTE
adminlte
教程
adminLTE
Fastclick
消除iPhone的300ms点击延迟
使用
Fastclick
消除iPhone网页300ms点击延迟做了一段时间的移动端网页工作,发现iPhone手机打开网页之后,点击事件有些延迟。
q破晓晨曦p
·
2017-02-21 15:25
新年第一发--深入不浅出zepto的Tap击穿问题
问题来源年前去阿里面试,过程中说道了
fastclick
解决iPhone机器上300ms点击延迟的问题,然后就被问到了zepto的“点击穿透”的现象以及产生这个具体原因,当时回答的不是很好,主要是没有特别深入的去研究这个原因
乖小鬼YQ
·
2017-02-17 00:00
iphone
tap
zepto
html
javascript
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他