在引用fastclick.js来对移动端页面消除300ms的延迟,但是在书写表单时,点击type='text'的input没有效果,有时有可能可以点击,但是大多数input是无法点击的,在去掉fastclick.js后input的点击就正常了。这是为什么?是fastclick.js的bug吗?还是要对input标签做特殊处理?

1.

fastclick对input标签做了很多浏览器的兼容处理,不一定是bug

fastclick

楼主并没有对自己的input是哪一种type以及在何种情况下有更细的描述所以无法帮你解决该问题

楼主可以对着源码搜索input看看,代码中对input的处理,以及各种情况,是否如上面注释所说,并满足预期结构

2.

我移动端也遇到了这样的问题,这篇帖子帮我解决了下,很详细,问题是有点小慢。这是链接地址

FastClick遇到的坑及解决办法-js教程-PHP中文网 http://www.php.cn/js-tutorial...

3.

IOS11 已经修复了300秒延迟。在11上应用fastclick反而会卡顿 input点击不了的

const str= navigator.userAgent.toLowerCase()
const ver=str.match(/cpu iphone os (.*?) like mac os/)if(!ver){//非IOS系统// 引入fastclick 做相关处理
}
else {if(parseInt(ver[1])< 11){// 引入fastclick 做相关处理}
}

转载于:https://segmentfault.com/q/1010000008484971

fastclick.js对input的点击失效!相关推荐

  1. fastclick.js解决移动端(ipad)点击事件反应慢问题

    fastclick.js解决移动端(ipad)点击事件反应慢问题 参考文章: (1)fastclick.js解决移动端(ipad)点击事件反应慢问题 (2)https://www.cnblogs.co ...

  2. input输入框点击变大缩小的js代码

    一.input输入框点击变大缩小的js代码 html中 <style type="text/css"> input[type='text'] {width: 100px ...

  3. [转] iOS11.3 fastclick.js相关bug

    最近遇到奇异的bug,在ios 11.3移动端页面 input输入框第一次触摸可以弹起键盘,后续再触摸需要很难弹起键盘,或者需要在输入框停一会才能弹起键盘. bug复现条件: 一.ios 11.3中a ...

  4. 移动端开发基本知识之touch.js,FastClick.js源码分析

    问题1:300ms延迟问题指的是? 不管在移动端还是PC端,我们都需要处理用户点击,这个最常用的事件.但在touch端click事件响应速度会比较慢,在较老的手机设备上会更为明显(300ms的延迟). ...

  5. fastclick.js(免费下载)

    fastclick.js,它消除了移动端浏览器上的物理点击和触发一个 click 事件之间的 300ms 的延迟.目的就是在不干扰你目前的逻辑的同时,让你的应用感觉不到延迟,反应更加灵敏. 在线源码链 ...

  6. html获取文本框中的文字,JavaScript实现input输入框点击获取文字内容

    Js实现INPUT输入框,当鼠标点击文字时自动获取文字内容,并显示在文本框中,一个惯用的表单技巧,有时可省去一些用户输入的麻烦,可有效提升用户体验. input输入框获取js点击文字内容 .c{ wi ...

  7. js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题...

    js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...

  8. vue 点击文字input_vue input实现点击按钮文字增删功能示例

    本文实例讲述了vue input实现点击按钮文字增删功能.分享给大家供大家参考,具体如下: content="width=device-width, user-scalable=no, in ...

  9. 关于移动端页面滑动报错 [InterUnableUnable to preventDefault inside passive或 fastclick.js:446 [InterUn :

    报错: fastclick.js:446 [InterUnable to preventDefault inside passivevention] event listener due to tar ...

最新文章

  1. 1.数字图像获取:1.4图像的数据结构与特征
  2. IBM Java多线程 - 6.其它线程 API 详细信息
  3. 一晃居然已经停更半年了
  4. 窄行打印纸打印机规格_电脑打印纸的尺寸和打印机纸张规格的设置
  5. 国产统一操作系统UOS使用体验
  6. 如何在html页面遍历对象,Python:如何使用LXML/Requests遍历HTML元素对象?
  7. 解决:Could not find or load main class org.apache.rocketmq.example.quickstart.Producer
  8. 苹果又发布一个机器学习框架,帮自家生态里的开发者降低AI门槛
  9. JSP九大内置对象及其作用
  10. OpenCV静态编译配置基于小熊猫C++
  11. java uclinux_Java在基于uclinux的嵌入式系统中的应用
  12. 简书项目实战-main首页开发
  13. cs架构交互_架构,功能和交互
  14. Word如何调整页边距
  15. linux adb arm移植,移植ubuntu core到Arm开发板
  16. 在windows上编译apr库apr-util库
  17. Kubernetes全栈架构师(资源调度下)--学习笔记
  18. 增强学习(Q-learning)
  19. python的matmul_TensorFlow:tf.matmul函数
  20. 织梦教程:自定义模型会员无法投稿的解决方法

热门文章

  1. TensorFlow训练石头剪刀布数据集
  2. 【开发日记】石头剪刀布之神经网络训练
  3. windows无法打开添加打印机_打印机无法打印是怎么回事 打印机无法打印的解决方法 - 台式电脑...
  4. tabWidget设置文字方向
  5. Beautiful Soup库入门
  6. JSON详细学习之JSONObject in JAVA
  7. 利用语音通讯接口开发语音会议系统指南
  8. 技术的极限(11): 有趣的编程
  9. photoshop减去顶层
  10. AMD FirePro W9100 vs NVIDIA Quadro M6000显卡横评(1920x1080@60HZ)