chrome touch报错解决办法

最新推荐文章于 2024-04-05 19:37:23 发布
最新推荐文章于 2024-04-05 19:37:23 发布
阅读量389 收藏
点赞数
分类专栏： 移动端开发 文章标签： android web app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44418100/article/details/109092505
版权
本文介绍了Chrome浏览器由于默认取消默认事件检查导致的滑动报错问题，以及如何通过添加CSS属性`touch-action:none;`来消除错误警告。同时，以mui的mui-action-back类为例，展示了如何在实际应用中为元素添加该样式以避免报错。
摘要由CSDN通过智能技术生成

报错代码如下:

Unable to preventDefault inside passive event listener due to target being treated as passive. See …

主要原因:
会报这个错主要原因是因为google默认取消了对默认事件的检查，默认时间就取消了.直接执行滑动操作,能使之滑动更顺滑,但是控制台就会进行错误警告.

解决方案:
添加一个CSS属性:touch-action: none; 就是在你写了touch-action功能的时候
给它添加这个属性取消默认事件行为.

小例子:mui有一个mui-action-back的类能实现返回功能,但直接使用也会报错,这时候直接把touch-action: none; 样式加上就不会报错了.
<span class="mui-action-back" style="touch-action: none;"></span>

半开半落
关注
专栏目录
监测Nginx访问日志状态码，并做相应动作
iOS逆向与安全
07-25 170
nohup command & # 在后台运行command，忽略挂起信号# journalctl 持续监听新的日志条目，可以添加-f参数。
touch : 无法将“touch”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正 确，然后再试一次。
热门推荐
沛竹君的博客
02-08 1万+
最近因为要参加天池上的一个比赛，所以练习了一下天池上的Docker新手赛，使用windows系统创建Dockerfile的过程中出现如下报错： touch : 无法将“touch”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正 确，然后再试一次。 出现这个错误的原因是windows 方法一：使用windows的 echo 代替linux的 touch 方法二： 使用win+R，输入cmd，在弹出的windows终端中输入： np.
解决liunx报错touch: cannot touch ‘file1.txt‘: Permission denied【彻底解决，亲自验证有效】
辣椒炒肉~的博客
10-24 1万+
解决liunx报错touch: cannot touch 'file1.txt': Permission denied【彻底解决，亲自验证有效】
Windows系统无法识别touch命令——无法将“touch”项识别为 cmdlet、函数、脚本文件……
我滴博客！
03-10 4001
Windows系统无法识别touch命令——touch : 无法将“touch”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
pychon+appium-调用TouchAction报错，出现红色波浪线
qq_50264368的博客
10-18 704
注释：TouchAction是APPium中封装的一个方法，主要是都手势控制的一些操作：长按，滑动，轻敲，等其他操作。
touch无法创建文件或者文档
qq_40907977的博客
03-25 8012
介绍 报错信息 ： touch: 无法创建"/tmp/totalspider_status": 只读文件系统 rsync: mkstemp “/opt/apps/code/.appspider-0.03.jar.ugByIp” failed: Read-only file system (30) inflate returned -3 (30 bytes) rsync error: error i...
关于appium+Python的自动化脚本报错的解决办法
m0_55034727的博客
03-14 602
关于appium+Python的自动化脚本报错的解决办法
从新版浏览器报错看touch事件和touch-event属性
RaeZhang的博客
12-20 703
Unable to preventDefault inside passive event listener 浏览器报错： 即 Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/feature...
CentOS 6 安装 Chrome最简单的方法
后端老鸟
08-12 2869
【转载请注明出处】：https://blog.csdn.net/huahao1989/article/details/107890747 今天有个同事说：“龙哥，我要在CentOS 6.5上装个Chrome，两天了，你帮我看看”。我一听这话头大呀，我记得N久之前我也是需要在CentOS 6.5上搞一个基于Chrome的爬虫，也是费了很大的劲，Chrome官网上早都提示最少CentOS7了，安装一个依赖包的时候发现又需要另外一个依赖包，各种的依赖，特别费劲，后来找到了支持CentOS 6 的一个版本，才算是完
Puppeteer开发过程中遇到的问题及解决方案
m0_54849806的博客
02-21 7304
工欲善其事必先利其器，请先检查本机是否安装NodeJS环境以及查阅API： Google官方文档：https://developers.google.com/web/tools/puppeteer API（v12.0.1）文档：https://pptr.dev/#?product=Puppeteer&version=v12.0.1&show=outline 问题：如何处理各种验证码？ 解决方案：建议大家去搜索对应的解决方案，Puppeteer并无此类解决方案。 问题：某些网站做了JS防爬检测
chrome 监听touch类事件报错：无法被动侦听事件preventDefault
精哥哥
08-27 544
解决方法： // 判断默认行为是否可以被禁用 if (evt.cancelable) { // 判断默认行为是否已经被禁用 if (!evt.defaultPrevented) { evt.preventDefault(); } } 代码如下： evt.preventDefault=fun...
html怎么用chrome测试,html5 – 如何测试触摸事件现在Chrome无法进行标准测试？
weixin_35456296的博客
06-15 300
简短的答案：您的测试现在可以在任何现有的Chrome中工作.但可能不是永远的长答案：Chrome团队希望将触摸事件添加到桌面浏览器中,因为具有触摸屏幕的桌面数量不断增加.所以他们这样做 – 大概在24.0金丝雀的时候.然后他们发现,大量的人正在做你正在做的“检测触摸设备”.这个问题是您只是测试浏览器是否支持触摸事件,而不是设备(对于Modernizr.touch也是如此).更具体来说,就是W3C/...
chrome 监听touch类事件报错
u013482875的博客
12-07 294
document.addEventListener('touchstart',function (e) { //阻止默认事件 e.preventDefault() },{ passive: false }) document.addEventListener('touchstart', function(event) { // 判断...
新版chrome touch警告处理办法
weixin_30651273的博客
07-26 1679
最近做项目经常在 chrome 的控制台看到如下提示： UnabletopreventDefault inside passiveeventlistener duetotarget being treatedaspassive. See https://www.chromestatus.com/features/5093566007214080 于是 Google 了一番，找到...
selenium.common.exceptions.NoSuchElementException: Message解决方法
最新发布
2301_80040345的博客
04-05 244
原因：Appium+python定位元素，出现selenium.common.exceptions.NoSuchElementException: Message，发现是通过id定位不到，后来xpath也定位不到。改用触摸TouchAction的短按press、长按long_press也不行。
chrome开启touch屏幕点击事件
weixin_33754913的博客
10-14 2201
2019独角兽企业重金招聘Python工程师标准>>> ...
touch-action的属性和解决报错方法
AkeDuan的博客
03-18 1722
报错问题：Unable to preventDefault inside passive event listener due to target being treated as passive. 发生情景：移动端弹窗垂直滚动时报错。 翻译的意思是：由于目标被视为被动，因此无法防止被动事件侦听器中的默认值。 解决办法： 在项目中的public文件夹中的index.html中添加 * { // touch-action用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作（比
‘touch‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
qq_40137978的博客
02-22 3066
touch 在window系统下会发生这个错误，touch 是Linux系统的命令。 window系统下，使用echo test来代替，具体使用方法如下： 如果要创建index.vue，则输入：echo test>index.vue
使用Chrome触摸事件仿真
cune1359的博客
06-29 1920
具有多点触摸功能的触摸屏已经彻底改变了智能手机和平板电脑等移动设备，因此向我们的网站添加多点触摸功能是一个实际的选择。 我们面临的问题是我们正在不具备触摸屏功能的传统台式机上开发网站。 那么，如果发生错误， 我们如何调试Touch事件 ？ Chrome浏览器使在桌面上调试Touch变得可能且更加容易。 传统上，我们会在网站上填充与鼠标有关的事件（例如click ， mouseup和mous...
selenium驱动Edge报错解决办法
09-14
你可以尝试以下解决方法来解决Selenium驱动Edge的报错： 1. 确保你使用的是最新版本的Selenium和Edge浏览器。你可以在Selenium官方网站（https://www.selenium.dev/）上下载最新版本。 2. 检查你的Edge浏览器的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值