最新版Chrome模拟器下zepto的tap事件执行两次解决办法

最新推荐文章于 2022-01-12 13:47:09 发布
最新推荐文章于 2022-01-12 13:47:09 发布
阅读量763 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 实战经验 web前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_37469563/article/details/72844552
本文介绍了在最新版Chrome模拟器下，zepto的tap事件被错误地执行两次的问题及解决方案。通过进入chrome://flags/页面，禁用‘指针活动’选项，并重启浏览器，可以修复此问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最新版Chrome绑定了三个事件touchend MSPointerUp pointerup，touchend是触摸相关的事件，MSPointerUp 是ie10的触摸事件，pointerup是指针事件。
可能是以前的chrome不支持pointerup事件，现在新版本支持了，然后会报错了，把zepto里面pointerup相关的事件都删除了后测试没有问题。
zepto目前还没修复，不过issue已经列出来了。
解决办法 ：

1、谷歌浏览器输入 chrome://flags/ 回车

2、找到 指针活动 那一项

3、选择 已停用

然后重启google浏览器就好了

fastButton 比click更快触发，解决tap触发两次问题
05-04
fastButton可以解决两个问题：1.click在移动端使用时有300ms的延时，使用fastButton可以降低到10ms;2.tap在安卓端使用时会出现触发两次问题，使用fastButton可以解决这个问题。使用说明在压缩包中。
zepto.js中tap事件阻止冒泡的实现方法
10-24
由于tap事件的冒泡性，如果在按钮上绑定tap事件的同时不绑定到document，则会同时触发两个事件，导致显示和隐藏面板的操作同时执行，从而没有达到预期的效果。 总结来说，zepto.js中虽然tap事件不支持直接阻止冒泡...
zepto.js中tap执行两遍的问题
sunranword的专栏
02-08 1659
最近做一个手机端的页面，点击导航栏，显示不同的列表用的是$("li").on("tap",function(){//load的列表});发现竟然加载了两遍，在网上找了一个答案http://www.weipxiu.com/?p=824 好像很深奥表示没有看懂。我讲tap 改成touchstart或者touchend就不会有发送2遍的现象了。$("li").on("touchstart",functi...
tap点击一次，内部程序执行两次，多次
weixin_30326741的博客
09-12 506
调试过程发现，使用 $(document).on('tap', '.children2', function () { //内部程序 }） 点击children2的时候，程序在里面执行了两次。百度得到的解释是： 原因： 如果你在页面中没有使用<div data-role="page">，jquery mobile会自己创建一个，因为它必须依赖这个。 它怎么创建...
关于zepto.js 绑定tap事件会执行两次的解决方法
weixin_30500663的博客
09-28 291
最近做了个碰到了用zepto 绑定tap事件 执行两次 本人使用 通过定时器 来解决 代码如下： $(function(){ var temp=0; $('.xx').bind('tap',function(){ 　　　　temp++; 　　　　if(temp==1){ 　　　　　　setTimeout(function(){ ...
tap 事件会触发两次问题
weixin_30670925的博客
07-11 1087
　　因项目中使用 coffeeScript （http://coffee-script.org/），此处记录下用 coffeeScript 语法解决 tap 事件触发两次的问题。 在 id="button" 上绑定 tap 触摸事件如下代码： $(document).on 'tap', '#button', ()-> # 业务逻辑代码　　console...
解决Js先触发失去焦点事件再执行点击事件的问题
10-18
通过在适当的时机使用延时处理技术，可以在不影响用户操作的前提下，有效解决由于事件触发顺序导致的问题。同时，本案例也说明了在开发过程中，开发者需要仔细考虑和测试每一个功能的实现，确保每个操作都符合用户的...
Zepto插件touch事件的源码解读共4页.pdf.zi
10-30
这份"Zepto插件touch事件的源码解读共4页.pdf.zip"压缩文件似乎包含了对Zepto.js touch事件源码的详细解析，尽管文件列表中提及的"赚钱项目"与主题无关，我们仍将专注于探讨Zepto的touch事件。 首先，`touch`事件在...
基于zepto的插件之移动端无缝向上滚动并上下触摸滑动实例代码
09-28
对于想要使用Zepto实现动画效果的开发者来说，这是一个很重要的点，因为没有了解这一点，可能会在项目中遇到动画无法执行的问题。 文档还提到了zepto的swipe()方法，这是Zepto中用于处理触摸滑动事件的一个方法。它...
关于zepto在chrome中触发两次的解决方案
weixin_30765505的博客
03-03 114
复现条件：chrome 55+ 1.zepto tap的实现及double fire的原因 在监听DOM根节点的时候，touchStart后通过XY的坐标偏差，与tapTime的计时判断Tap/LongTap/doubleTap,而两次触发正是入口绑定事件的问题。 同时绑定了touchStart pointerDown，原先这种写法只是为了hack 微软的Edge浏览器和兄弟浏览器，...
Google最终决定让指针事件成为Chrome的主要事件类型
cpongo5
04-16 198
Google决定让指针事件（Pointer Events）成为Chrome的主要事件类型，抛弃苹果，加入微软和Firefox的阵营。\\去年，Chrome和Blink输入团队负责人Rick Byers曾宣称Blink/Chrome不会实现指针事件（PE），尽管Google很久之前就已加入相关工作组。Byers提到了一系列原因，包括Apple对于PE的反对会影响它的普及程度、给标准16ms帧预算带来...
chrome 55 zepto tap事件出错？
dingcheng9127的博客
08-23 165
刚才升级chrome后发现的，在54.0.2840.98上点击没有问题，在新升级的55.0.2883.75 上点击后会报错Cannot read property 'trigger' of undefined 解决方法 就是修改谷歌浏览器对指针活动的支持。。 1、谷歌浏览器输入 chrome://flags/ 回车 2、找到 指针活动 那一项 3、选择 已停...
jquery.mobile.js tap事件执行两次
青藤光年的博客
03-06 922
今天做一个点击选中，再次点击取消选中的功能，但是发现偶尔会点击一下tap方法却执行了两次，搞得我头疼，调了半天bug没找到原因，最后加了一个return false发现好了，可能是事件冒泡的问题。$(".list-group").on("tap","li",function(event){ event.stopPropagation(); ...
手机端H5 页面 tap 事件会触发两次问题（无任何前端框架）
Mr_pets的博客
01-12 1049
tap 事件会触发两次问题 问题描述：h5 是手机端，click时间无效，采用tap方法的时候，会触发2次提交。什么好的方法没找到，倒是看到了暴力一点的方法。原地址请移步 方法：setTimeout 延迟 200s 阻止事件再次执行 var flag = true $("#button").on("tap",function(){ if (flag){ setTimeout(function () { 　　 console.log(111) flag = t
mui 和 vue整合 mui的tap时间执行两次，mui弹窗执行两次
qq_40999938的博客
06-08 1518
原因是因为：引了两个mui的js 
点击click触发两次事件解决办法
张先生
07-31 8105
在某个按钮绑定了单击事件，点击却触发两次事件请求， 1.（点击div触发两次事件）--解决办法 例： $("#btn").click(function(e){ e.stopPropagation(); //表示阻止向父元素冒泡 e.preventDefault(); //阻止 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交或者a标签）。 }); ...
Zepto tap事件中需要触发两次的问题
lep的博客
06-19 3368
最近在使用zepto.js的时候，发现其tap事件的一个BUG，被产品和测试同学反复找了几次之后，终于下定决定去研究zepto的源码，并解决了问题。BUG情况说明：给页面<a>标签绑定了tap事件，在移动设备上点击按钮貌似一切正常，可以正常响应。 但是，把页面上下滑动几次之后，或者在滑动时手指滑动出移动屏幕之外，之后再点击按钮，就会发现第一次点击的时候事件没被触发，需要点击第二次才会正常，而且几乎
移动端开发基本知识之touch.js，FastClick.js源码分析
高山上的鱼
10-13 6395
问题1：300ms延迟问题指的是? 不管在移动端还是PC端，我们都需要处理用户点击，这个最常用的事件。但在touch端click事件响应速度会比较慢，在较老的手机设备上会更为明显（300ms的延迟）。双击缩放(double tap to zoom)，这也是会有上述 300 毫秒延迟的主要原因。双击缩放，顾名思义，即用手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始
Zepto插件touch事件源码详细解读
4. 与DOM事件的交互：文档可能会讲解Zepto如何将触摸事件与浏览器的DOM事件进行交互，比如将touch事件转换为click事件等。 5. 事件处理函数：文档可能会涉及如何在Zepto中定义和使用自定义的事件处理函数，以及这些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值