欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【fastclick插件导致日期(input[type=date】,下面是详细的讲解!
fastclick插件导致日期(input[type=date
本文作为一名新手,写的不好地方还请各位大家多多指教,以下内容只是给大家共勉以下我的解决方案,也是我个人的一个见解,有不同意见不同解决方案的朋友还请多多分享自己的解决办法。
首先,我们使用fastclick插件的初衷是解决“tap”事件“点透”的BUG;fastclick与tap都是利用“touch”事件来模拟“click”事件的;
然后我们来大致的了解一下fastclick的工作原理(来自往上的copy):
在我们的app中跟踪所有的TouchStart事件,在接收到touchend事件的时候,触发一个click事 件;
使用方法可找度娘;
但是问题来了,当使用了fastclick的时候,我们发现“日期”控件无法被触发了,是正常的点击时无法被触发,如果长按0.5S的样子还是可以触发的,但是问题还是已经存在,必须解决!
通过阅读fastclick的源码发现里面有个这个方法

反正意思在上面也提到过,就是在接受到touchend事件的时候,触发一个click事件;
那么我的解决防范就是:
当touchend的时候我们判断一下他的event.target到底是啥,如果是date我们就不玩了,不要你fastclick了,用原生的去触发不就OK了,来个return false;
我的代码:

这里if里面的条件就随便写咯,自己根据项目需求而定,反正你要的是到达某个特殊的条件时给他退出就好了;
本文作为一名新手,写的不好地方还请各位大家多多指教,以下内容只是给大家共勉以下我的解决方案,也是我个人的一个见解,有不同意见不同解决方案的朋友还请多多分享自己的解决办法。谢谢大家能够关注本篇文章,有你们的支持我会做的更好。
关于fastclick插件导致日期(input[type=date的用户互动如下:
相关问题:对于html5的input标签的type='date'大约在火狐哪个...
答:您好!很高兴为您答疑。 该属性目前还未被w3c收录,且仅针对chrome有效,一般情况下,建议还是考虑使用第三方日期控件。 如果对我们的回答存在任何疑问,欢迎继续问询。 >>详细
相关问题:html5如何解决input type="date" value不能指定默...
答:就拿微软vs举例: WEB控件就是微软封装的HTNL控件,功能强大,能实现与后台交互问题。 而HTML控件,出纯粹是形成静态页面的元素!主要显示的页面的 >>详细
相关问题:<input type="data">如何设初值,比如今天的日期?
答:bootstrap 的日期控件是要绑定事件的 >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
