ion-backdrop-ios.entry.js:46 [Intervention] Ignored attempt to cancel a touchstart event with cancel

最新推荐文章于 2023-01-07 13:01:37 发布
最新推荐文章于 2023-01-07 13:01:37 发布
阅读量742 收藏
点赞数
分类专栏： ionic native & angular 文章标签： js angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31392495/article/details/111881760
版权

在这里插入图片描述
在ionic native&angular的项目中，凡是有背景的弹窗，下拉框等等，如点击背景的时候就会报这样子的错。

其实这是在浏览器才会这样，因为，在您的（可能是移动的）网站上，有一个事件侦听器可以侦听触摸输入。当此侦听器正在执行此操作时，例如滚动页面，并且您想要取消此滚动行为，浏览器会说；没门！你不能取消我！这是警告！

因此，在调用preventDefault（）之前检查事件是否可取消。要检查事件是否可取消，请通过检查来检查cancelable event属性的布尔值event.cancelable。

if (event.cancelable) event.preventDefault();

原文参考链接

敏小静
关注
专栏目录
Ionic4—UI组件之ion-backdrop组件
雷雨天的雷胖子
12-11 870
目录 一、概述 二、属性 三、事件 四、实例 一、概述 ion-backdrop组件是覆盖其它组件的全屏组件，呈现为一种遮罩效果。 二、属性 stopPropagation属性 默认属性值为true，表示点击遮罩背景时阻止事件冒泡。 tappable属性 默认属性值为true，表示点击遮罩背景时能触发ionBackdropTap事件。 visible属性 ...
Material-Backdrop-Android：材质背景
02-03
该库是基于材料设计中的Backdrop组件创建的。 用法 包含资料库 allprojects { repositories { ... maven { url 'https://jitpack.io' } } } 将项目纳入本地图书馆 dependencies { implementation '...
SpringBoot使用注解，来初始化时间格式
pukun888的博客
06-11 499
原文参考链接
三种方法解决[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. 网上找了两个解决方法
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus
weixin_44867704的博客
04-09 1166
关于[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.可以采取另一种方法，哪个标签报错，就为哪
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
QSWの
11-04 567
swiper报了这个错误，大家都说加touch-action 但是我的还是不好使 然后** 给body加了ontouchstart ** 就好使了 感觉也比之前顺畅了 这个操作是进行手机端兼容处理的，防止伪类:active失效。
Barron's - 21.06.2021.pdf
06-21
其次，“Up&Down Wall Street: A Tougher Backdrop With rising inflation and a less-friendly Fed, investors might want to shift toward stocks that tend to hold up better in a pullback.” 讲述了面对...
react-backdrop:React的背景
05-10
npm install -S @jswork/react-backdrop 特性 名称 类型 必需的 默认 描述 固定的 布尔 错误的 真的 如果style.position是固定的。 透明 布尔 错误的 错误的 如果不透明度为0。 用法 导入css @import " ~@jswork/...
react-native-backdrop:用于本机React的背景组件
03-09
使用针对Android和iOS的材料指南构建的React Native Backdrop组件 | | | 安装 $ npm install react-native-backdrop --save 用法 import { Backdrop } from "react-native-backdrop" ; const App = ( ) => { const...
解决Vue报错：Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example
m0_52364694的博客
08-08 3240
错误提示：Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 解决方法 reset.css中加入代码 *{ touch-action: none; }
解决报错,Ignored attempt to cancel a touchmove event with cancelable=false
xiaojian_521的博客
06-30 2万+
解决报错:[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, for example because scrolling is
时倾_于你
08-12 3902
Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted 解决方案： 1.node_modules——ionic——core——dist——esm——ion-datetime_3-i...
Ignored attempt to cancel a touchmove event with cancelable=false问题
最新发布
qq_41956361的博客
01-07 1518
翻译过来就是忽略取消触摸移动事件的尝试，cancelable=false，我尝试将滚动区域设置属性，cancelable=false发现还是没用，在看网上的配置style发现还是没能解决我的问题，前言:关于我在uniapp项目中使用到了u-popup弹层又在里面加入了scoll-view实现滚动，当我想试下下拉触底的时候弹出该错误，那么我们还如何解决！那么我们该如何解决呢！嗯，这样就不会报错了。
解决swiper报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for exam
qq_40430937的博客
11-29 2071
解决swiper报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
使用swiper报错：[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
DemoJx的博客
10-18 3551
使用swiper报错：[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
Scratch项目源码案例：16--[盛开的花].sb2素材解析
在Scratch中构建项目通常包括设计角色（sprite）、创建背景（backdrop）、编写脚本（script）等步骤。项目“16--[盛开的花]”很可能涉及到了角色动画的制作、背景图案的绘制以及脚本的编写来实现花朵开放的效果。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值