fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决


Posted in Javascript onNovember 09, 2015

本文作为一名新手,写的不好地方还请各位大家多多指教,以下内容只是给大家共勉以下我的解决方案,也是我个人的一个见解,有不同意见不同解决方案的朋友还请多多分享自己的解决办法。

首先,我们使用fastclick插件的初衷是解决“tap”事件“点透”的BUG;fastclick与tap都是利用“touch”事件来模拟“click”事件的;

然后我们来大致的了解一下fastclick的工作原理(来自往上的copy):

在我们的app中跟踪所有的TouchStart事件,在接收到touchend事件的时候,触发一个click事 件;

使用方法可找度娘;

但是问题来了,当使用了fastclick的时候,我们发现“日期”控件无法被触发了,是正常的点击时无法被触发,如果长按0.5S的样子还是可以触发的,但是问题还是已经存在,必须解决!

通过阅读fastclick的源码发现里面有个这个方法

fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决

反正意思在上面也提到过,就是在接受到touchend事件的时候,触发一个click事件;

那么我的解决防范就是:

当touchend的时候我们判断一下他的event.target到底是啥,如果是date我们就不玩了,不要你fastclick了,用原生的去触发不就OK了,来个return false;

我的代码:

fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决

这里if里面的条件就随便写咯,自己根据项目需求而定,反正你要的是到达某个特殊的条件时给他退出就好了;

本文作为一名新手,写的不好地方还请各位大家多多指教,以下内容只是给大家共勉以下我的解决方案,也是我个人的一个见解,有不同意见不同解决方案的朋友还请多多分享自己的解决办法。谢谢大家能够关注本篇文章,有你们的支持我会做的更好。

Javascript 相关文章推荐
通过Unicode转义序列来加密,按你说的可以算是混淆吧
May 06 Javascript
广告代码静态化js通用函数
May 09 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
Angular4学习笔记之新建项目的方法
Jul 18 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
深入理解Node module模块
Mar 26 Javascript
vue用递归组件写树形控件的实例代码
Jul 19 Javascript
微信小程序实现渐入渐出动画效果
Jun 13 Javascript
详解小程序BackgroundAudioManager踩坑之旅
Dec 08 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
Aug 11 Javascript
JavaScript实现同时调用多个函数的方法
Nov 09 #Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 #Javascript
jquery实现简易的移动端验证表单
Nov 08 #Javascript
jquery UI Datepicker时间控件的使用方法(终结版)
Nov 07 #Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
Nov 07 #Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
Nov 07 #Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 #Javascript
You might like
php 分库分表hash算法
2009/11/12 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
PHP随机数 C扩展随机数
2016/05/04 PHP
非常经典的PHP文件上传类分享
2016/05/15 PHP
PHP使用自定义方法实现数组合并示例
2016/07/07 PHP
PHP实现的获取文件mimes类型工具类示例
2018/04/08 PHP
Yii 框架控制器创建使用及控制器响应操作示例
2019/10/14 PHP
关于laravel 日志写入失败问题汇总
2019/10/17 PHP
Jquery 学习笔记(一)
2009/10/13 Javascript
JQuery中的$.getJSON 使用说明
2011/03/10 Javascript
Java File类的常用方法总结
2015/03/18 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
JS选项卡动态替换banner图片路径的方法
2015/05/11 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
2016/09/03 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
利用jquery禁止外层滚动条的滚动
2017/01/05 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
2020/12/07 Vue.js
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
Python实现字典依据value排序
2016/02/24 Python
Python中dict和set的用法讲解
2019/03/28 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
HTML5单页面手势滑屏切换原理分析
2017/07/10 HTML / CSS
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
Myprotein中国网站:欧洲畅销运动营养品牌
2021/02/11 全球购物
思想品德自我鉴定
2013/10/12 职场文书
临床护士自荐信
2014/01/31 职场文书
安全教育实施方案
2014/03/02 职场文书
建议书标准格式
2014/03/12 职场文书
旅游管理毕业生自荐信范文
2014/03/19 职场文书
2014年安全工作总结范文
2014/11/13 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
2015年九一八事变纪念日演讲稿
2015/03/19 职场文书
2015小学教育教学工作总结
2015/07/21 职场文书
2016计算机专业毕业生自荐信
2016/01/28 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle