位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决(fastdwg插件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:fastapi 插件,fast-ls插件,fastclick vue,fastapi 插件,fastclick干什么用的,fastclick.attach,fastclick.attach,fastclick.js,内容如对您有帮助,希望把文章链接给更多的朋友!

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

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

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

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

使用方法可找度娘;

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

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

fastclick插件导致日期(input[type=

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

那么我的解决防范就是:

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

我的代码:

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

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

JS实现网页每隔3秒弹出一次对话框的方法 本文实例讲述了JS实现网页每隔3秒弹出一次对话框的方法。分享给大家供大家参考,具体如下:运行效果截图如下:在线演示地址如下:

js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式) 在上篇文章给大家介绍了javascript面向对象基础,本篇文章继续深入学习javascript面向对象,JS的语法非常灵活,简单的对象创建就有好几种不同的方法。

初步了解javascript面向对象 前言基于类的对象:我们都知道面向对象的语言中有一个明显的标志,就是都有类的概念,通过类这个类似模板的东西我们可以创建许多个具有相同的

本文链接地址:https://www.jiuchutong.com/biancheng/383690.html 转载请保留说明!

上一篇:JavaScript实现同时调用多个函数的方法

下一篇:JS实现网页每隔3秒弹出一次对话框的方法(js间隔执行的代码)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络