解决报错：[Intervention] Unable to preventDefault inside passive event listener due to target being treat

于 2023-12-20 20:52:56 发布
阅读量459 收藏 9
点赞数 6
文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sanqianll/article/details/135117309
版权
文章讲述了在移动端使用fastclick时遇到的双击问题，即[Intervention]无法阻止默认行为，原因是目标被处理为被动事件监听。解决方法是在全局样式中添加`touch-action:pan-y;`。
摘要由CSDN通过智能技术生成
问题出现场景

移动端引入fastclick后快速双击出现该问题
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.
image

解决方案

在 style 中添加下列样式

* {
  touch-action: pan-y;
}
Sanqianll
关注
  • 6
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as
weixin_43606967的博客
02-11 1878
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. 翻译: [干预]由于目标被视为被动事件，无法在被动事件侦听器中防止默认。 解决： 在报错页面的css中添加 touch-action: none; <style lang="scss" scoped> .main { touch-action: none; } &l
报错：[Intervention] Unable to preventDefault inside passive event listener due to target ...
zcc的博客
08-05 333
移动端 解决click点击 延迟300ms问题时 引入 fastclick.js。
Unable to preventDefault inside passive event listener due to target being treated as passive
weixin_30275415的博客
07-16 98
今天引入fastclick.js的时候点击body突然发现报了个错 Unable to preventDefault inside passive event listener due to target being treated as passive 查了下，发现从 chrome56 开始，为提高页面的滑动流畅度，搞了这么个东西。 解决方法主要有两种： 用css的方式，添加* { tou...
Web前端笔记-解决[Intervention] Unable to preventDefault inside passive event listener due to target being
IT1995的博客
06-09 1455
我这里是使用NiceScroll造成的。报错如下：解决这个问题的方法有2种：Ⅰ：修改源码找到jquerynicesroll.js报错的地方：直接让其return falseⅡ：修改自己的代码逻辑：构造这样的结构： 注意：body里面要套d-flex和flex-column在div中要套一个container-fluid，这里都是使用的bootstrap然后对应的js从： 改成： 即可。对应的css要改成：...
Laser Immunotherapy: Novel Modality to Treat Cancer through Specific Antitumor Immune Response
02-26
Combining a selective photothermal therapy with an active immunological stimulation, laser immunotherapy (LIT) was developed to induce systemic immune responses through local intervention. LIT ...
PHP 图像处理组件：Intervention/image
09-02
首先，让我们来看看 Intervention/image 的核心功能。该库基于 PHP 的 GD 图像处理库和 Imagick 扩展，可以根据系统中已安装的扩展自动选择最佳的处理方式。GD 是 PHP 内置的图像处理库，适用于基本的图像操作；而 ...
The status and impact of prereferral intervention: "We need a better way to determine success"
06-29
The status and impact of prereferral intervention: "We need a better way to determine success" P.~yCholoRy in the Schools Volume 31. October 1994 THE STATUS AND IMPACT OF PREREFERRAL INTERVENTION...
A Multi-Component intervention designed to reduce disruptive classroom behavior
06-29
A Multi-Component intervention designed to reduce disruptive classroom behavior A MULTI-COMPONENT INTERVENTION DESIGNED TO REDUCE DISRUPTIVE CLASSROOM BEHAVIOR thomas j. kehle, melissa a. bray, ...
Listening previewing in reading to read: Relative effects on oral reading fluency
06-29
Listening previewing ...An intervention designed to increase oral reading fluency (Reading to Read; RTR) as well as the additional component of listening previewing (PRV) was evaluated in an alternatin
滑动屏幕报错：解决[Intervention] Unable to preventDefault inside passive event listener 。。。
iChangebaobao的博客
07-10 8464
1.封装触屏工具touch.js var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) element.addEventListener(type, handler, false); else if...
错误：Unable to preventDefault inside passive event listener due to target being treated as passive.
热门推荐
Java程序源
01-09 2万+
问题描述： 用MUI例子中的选项卡，底部的导航只能实现div切换，链接无法跳转。 查看控制台，输出：Unable to preventDefault inside passive event listener due to target 的警告。 技术分享 问题解决： 经检查相关资料，加入以下代码，即可解决问题。 mui(‘body‘).on(‘tap‘,‘a‘
新版chrome touch警告处理办法
weixin_30651273的博客
07-26 1669
最近做项目经常在 chrome 的控制台看到如下提示： UnabletopreventDefault inside passiveeventlistener duetotarget being treatedaspassive. See https://www.chromestatus.com/features/5093566007214080 于是 Google 了一番，找到...
解决[Intervention] Unable to preventDefault inside passive event listener due to target being treated
StandByMeQuan
08-20 6748
这几天写手机网页的时候发现这个问题，浏览器一直报这个错误，但是不影响使用，可能是我有强迫症的原因吧，就算不影响正常使用，我也看不惯，就要把它消灭掉。 于是百度，Google齐上阵，找到一篇博客写的比较清楚，一共有两种方式消灭这个错， 我选择了比较容易的一种，如下： 在style引入全局样式touch-action: pan-y; * { touch-action: pan-y; } 我是创建了一个公共的css文件，然后在jsp中引入这个文件。 上了这么久班了，发现有一句..
解决滚动警告：Unable to preventDefault inside passive event listener
weixin_34202952的博客
05-08 9267
起因 近期更新项目，使用fullpage.js实现单页滚动，页面报错： passive event listener 关于 passive event listener 的问题已遇到过多次。 当我们滚动页面的时候或者需要监听 touch 事件的时候，浏览器无法预先知道一个事件处理函数中会不会调用 preventDefault()，故而通过一个延迟，大约300ms的停顿来检测，整个页面就显得卡顿。...
vue项目出现错误： Unable to preventDefault inside passive event listener due to target being treated as
bailizx
07-02 8351
目录 1 错误 2 原因 3 解决方法 1 错误 谷歌浏览器报vue项目的错[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. 一个组件代码如下，发生图中错误 <template> <div class = "footerGuideStyle"> <a href="java
滑动报Unable to preventDefault inside passive event listener的解决办法
TangAcrab的博客
10-22 1万+
最新版的google浏览器滑动出现以下问题，因为我之前版本（64）没什么问题，升级到70后就出现报错了。 解决办法如下： 在html元素下添加class样式 touch-action: none; // scss html{ touch-action:none; } ...
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive
最新发布
01-07
根据提供的引用内容，当在被动事件侦听器中无法阻止默认行为时，会出现"[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive"的错误。解决这个问题的方法是在报错页面的CSS中添加"touch-action: none;"的样式。 以下是一个示例代码： ```html <style> .main { touch-action: none; } </style> ``` 这样做可以禁用被动事件的默认行为，从而解决该错误。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值