uni-h5.es.js:25055 [Intervention]Ignored attempt to cancel a touchmove event with cancelable=false,

已于 2023-12-06 11:23:41 修改
阅读量321 收藏
点赞数
分类专栏： vue错误日志 文章标签： javascript 开发语言 ecmascript uni-h5esjs25055 Ignored attempt touchmove event uniapp报错
于 2023-12-06 11:15:22 首次发布
CSDN_Qayrup
本文链接：https://blog.csdn.net/weixin_44368963/article/details/134826880
版权

uni-h5.es.js:25055 [Intervention]Ignored attempt to cancel a touchmove event with cancelable=false,

译文:
uni-h5.es.js：25055 [干预]忽略使用 cancelable=false 取消触摸移动事件的尝试，例如，因为滚动正在进行中且无法中断。在这里插入图片描述

这个问题来自 uni-h5.es.js 的一个报错信息。看起来是在尝试阻止一个 touchmove 事件的默认行为，但该事件是不可取消的。这个错误通常在阻止一个已经处于活动状态的（比如滚动）touchmove事件时发生。

在 JavaScript 中，可以使用 event.preventDefault() 来阻止浏览器默认的行为。然而，一些事件（如 touchmove）的默认行为是无法取消的，除非事件还没有开始或者事件已经被取消。如果滚动正在进行，浏览器会忽略对这个事件的取消。

一般来说这是使用可滚动元素调用了滚动事件,然后滚动事件传递到冒泡到父类元素了,取消冒泡就好了
在这里插入图片描述
完美解决

Qayrup
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Pinnell, G. S., DeFord, D. E., & Lyons, C. A. (1988). Reading Recovery: Early intervention for at-risk first graders. Arlington, VA: Education Research Services, 84 pp., [dollar]36.00
06-29
Pinnell, G. S., DeFord, D. E., & Lyons, C. A. (1988). Reading Recovery: Early intervention for at-risk first graders. Arlington, VA: Education Research Services, 84 pp., [dollar]36.00 Psychology in the Schools Volume 29, July 1992 B O O K R E V I E W S GILBERT R. GREDLER University of South Carolina PINNELL, G. S., DEFORD, D. E., & LYONS, C. A. (1988). Reading Recovery: Early intervention for at-riskfirst graders. Arlington, VA: Education Research Services, 84 pp., $36.00. School
Fairchild, T. N. (Ed.). (1986). Crisis intervention strategies for school-based helpers. Springfield, IL: Charles C. Thomas, 549 pp., [dollar]71.50
06-29
Fairchild, T. N. (Ed.). (1986). Crisis intervention strategies for school-based helpers. Springfield, IL: Charles C. Thomas, 549 pp., [dollar]71.50 176 Book Reviews what they found, and why. How often can you say that? The Long Struggle is a worthwhile addition to any psychologist’s library. William E. Roweton Chadron State College Chadron, NE REFERENCES LEWIS, J . M., BEAVERS, W. R., GOSSETT, J. T., & PHILLIPS, V. A. (1976). No single thread: Psychological SWLMAN, L. S . (1976)
scroll-view 滚动时报错Ignored attempt to cancel a touchmove event with cancelable=false
weixin_37331593的博客
03-22 249
uniapp项目，使用scroll-view 频繁滚动时报错。
三种方法解决[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
热门推荐
weixin_44479794的博客
05-25 2万+
问题背景，开发一个uniapp项目时，需要使用做一个能左右滑动的表，如下图 使用的组件为scroll-view，代码截图 bug：左右滑动时，会报错，报错信息如下 [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 网上找了两个解决方法
【报错记录】TouchMove事件中(忽略取消一个touchmove事件的尝试(cancelable=false)，例如，因为滚动正在进行中，不能被中断。)的问题解决方案
weixin_42582523的博客
12-17 2057
TouchMove事件中(忽略取消一个touchmove事件的尝试(cancelable=false)，例如，因为滚动正在进行中，不能被中断。)的问题解决方案
【前端】页面下拉加载和touchMove冲突解决（未完全解决）
weixin_38792911的博客
09-17 1194
问题描述： [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 翻译：尝试取消一个touchmove事件cancelable=false，例如，因为滚动正在进行，不能被中断。 其他情况补充： 页面功能描述： 模拟聊天页面，下拉加载过去的聊天记录，对于单
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus
weixin_44867704的博客
04-09 1114
关于[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted的解决方法： 1.最直接的方法就是添加一个全局的CSS样式： touch-action: none; 但是添加全局的样式之后，会导致原生的Vue不能向上滑动 2.可以采取另一种方法，哪个标签报错，就为哪
解决报错,Ignored attempt to cancel a touchmove event with cancelable=false
xiaojian_521的博客
06-30 1万+
解决报错:[Intervention]Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=f
YouthMe的博客
01-19 1万+
Vue新手上路 Vue-Awesome-Swiper 滑动报错 我们只需要将滑动报错的标签上加上一个样式即可 touch-action: none; touch-action ：当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。 touch-action取值有一下两种 none：系统默认菜单被禁用 default：系统默认菜单不被禁用 ...
.Ignored attempt to cancel a touchmove event with cancelable=false,scrolling is in progress and cann
cyx2350356668的博客
03-14 1万+
.Ignored attempt to cancel a touchmove event with cancelable=false,scrolling is in progress and cannot be interrupted.at vendorsconfiglogin.js:1 移动端滑动滚动条过快报了这个错，查找原因是所引用框架里一个组件的小bug，把框架源码修改下就好了。 解决步骤如...
nova-advanced-image-field:Lar Laravel Nova高级图像字段，使用Cropper.js和Intervention Image进行裁剪和调整大小
05-13
新星高级图像场 该软件包为Nova资源提供了一个高级图像字段，使您可以上传，裁剪和调整任何图像的大小。 它在前端使用 ，在后端使用 。 要求 要正常工作，此程序包需要以下组件： Laravel和Nova（2或3） ...
Bricker, D., & Cripe, J. J. W. (1992). An activity-based approach to early intervention. Baltimore: Brookes, 221 pp., [dollar]24.00
06-29
An activity-based approach to early intervention. Baltimore: Brookes, 221 pp., [dollar]24.00 Book Reviews 283 education journals indexed by 27 subject areas. Cabell provides detailed information ...
Intervention in the motor domain: A training study with first- and second-grade slow readers
06-29
Intervention in the motor domain: A training study with first- and second-grade slow readers INTERVENTION I N T H E MOTOR DOMAIN: A TRAINING STUDY WITH FIRST- AND SECOND-GRADE SLOW READERS MARION...
解决swiper报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for exam
qq_40430937的博客
11-29 1700
解决swiper报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
小程序vant组件库报错[渲染层错误] Ignored attempt to cancel a touchmove event with cancelable=false, for example b
qq_30351747的博客
09-25 6318
小程序使用van-swipe-cell滑动报错 意思就是有一个设置cancelable=false的touchmove事件和其他某个滚动的操作冲突了 解决：在其外层添加 touch-action: none;就可以了 .van-cell { touch-action: none; } touch-action ：当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。 touch-action取值有一下两种 none：系统默认菜单被禁用 default：系统默认菜单不被禁用 .........
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
天麟江的博客
04-29 1539
今天，在解决微信内部vue页面拖拽冲突的时候（感谢微信浏览器拖动出现黑色/白色背景、网址问题解决方案提供的方案）使用e.preventDefault();的时候，代码报错： [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 网上的解决...
关于Ignored attempt to cancel a touchmove event with cancelable=false问题
qq_45876765的博客
12-12 350
关于：Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.报错问题
[Intervention]Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>、
最新发布
04-25
这个错误信息通常在浏览器的开发者工具中出现，它表示在一个被动事件监听器中无法阻止默认行为。这是因为浏览器将目标元素视为被动的，不允许在此类监听器中调用preventDefault()方法来阻止默认行为。 被动事件监听器是一种优化技术，用于提高滚动性能。当一个元素上的事件监听器被标记为被动时，浏览器可以更好地优化滚动操作，以提高页面的响应速度和流畅度。 要解决这个问题，你可以尝试以下几种方法： 1. 将事件监听器改为非被动监听器：将passive属性设置为false，这样就可以在监听器中使用preventDefault()方法了。 2. 检查代码中是否有多余的preventDefault()调用：确保只在需要阻止默认行为的情况下调用preventDefault()方法。 3. 检查代码中是否有其他地方导致了该错误：有时候该错误可能是由其他代码逻辑引起的，需要仔细检查代码并进行排查。 希望以上解答对你有帮助！如果你还有其他问题，请继续提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Qayrup

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值