- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
Unable to preventDefault inside passive event listener due to target being treated as passive 怎么办？
具体情况： 从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数，会默认为是 passive: true。 ： wnidow.addEventListener('touchmove', func) 效果和下面一句一样 wnidow.addEventListener('touchmove', func, { passive 两个方案： 1、注册处理函数时，用如下方式，明确声明为不是被动的 window.addEventListener(‘touchmove’, func, { passive: false }) 2、应用
1.4K10编辑于 2022-11-01 - 来自专栏yiyun 的专栏
pure-ftpd 开启 Passive Mode
前提 FTP客户端：WinSCP Centos 7.8 (64位) pure-ftpd （笔者这里是使用 宝塔面板 安装的） WinSCP 开启 Passive Mode pure-ftpd 开启 Passive CentOS 下安装 pure-ftpd，路径则为： /etc/pure-ftpd/pure-ftpd.conf 修改 配置文件 pure-ftpd.conf 找到如下内容： # Port range for passive pure-ftpd reload #重载pure-ftpd /etc/init.d/pure-ftpd status #查看pure-ftpd当前运行状态 补充 WinSCP 无法连接 pure-ftpd（Passive Mode） 参考： Linux FTP命令行被动模式连接PureFtpd超时-Linux运维日志 Server sent passive reply with unroutable address 172.16.206.241 解决： 不知道为何使用 3000 4000，就会出现如上图无法连接，使用默认端口范围即可 # Port range for passive connections replies. - for firewalling
2.3K20编辑于 2022-04-01 - 来自专栏yaphetsfang
Unable to preventDefault inside passive event listener
最近做项目经常在 chrome 的控制台看到如下提示： Unable to preventDefault inside passive event listener due to target being treated as passive. 所以为了让页面滚动的效果如丝般顺滑，从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数，会默认为是 passive 两个方案： 1、注册处理函数时，用如下方式，明确声明为不是被动的 window.addEventListener('touchmove', func, { passive: false }) 2、应用 touch-action 还有很多选项，详细请参考touch-action [注]未来可能所有的元素的 touchstart touchmove 事件处理函数都会默认为 passive: true
1.6K20发布于 2020-07-30 - 来自专栏iRF射频前端产业观察
Integrated Passive Devices(IPD) Challenges and Opportunities
来自ST公司的研发人员，分享了IPD的一些基础应用实例，并阐述了在RF SiP中， IPD被集成整合的挑战和注意事项。
63230编辑于 2022-05-16 - 来自专栏ops技术分享
FTP连接时出现“227 Entering Passive Mode
一.简介 公网的服务器连接本地内网的FTP server copy文件时，系统老是提示227 Entering Passive Mode (xxx,xxx,,xxx,xxx,x)，很是奇怪，于是上网找资料仔细研究了一下 由于我的本地FTP服务器在内网，只是从外网映射了两个端口（20，21），所以无法使用PASV方式，解决此问题的办法也很简单，关闭客户端的PASV方式，强制其用PORT方式访问服务器，登录FTP服务器后用passive 命令关闭客户端的PASV方式，如下： ftp> passive Passive mode off. ftp> passive (再次运行命令可打开） Passive mode on.
7.3K20发布于 2021-08-02 - 来自专栏Rattenking
Unable to preventDefault inside passive event listener due to target being treated as
谷歌浏览器的警告： [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. 所以为了让页面滚动的效果如丝般顺滑，从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数，会默认为是 passive 解决方案： 1，注册处理函数时，用如下方式，明确声明为不是被动的 window.addEventListener('touchmove', fn, { passive: false }) 2、应用 CSS
1.2K10发布于 2021-01-29 - 来自专栏陈志兴的专栏
让页面滑动流畅得飞起的新特性：Passive Event Listeners
看完Passive Event Listeners特性这么给力的效果后，相信大部分童鞋脑海中都会产生以下几个问题： Passive Event Listeners是什么？ 为什么需要Passive Event Listeners？ Passive Event Listeners是怎么实现的？ 接下来，我们将围绕上面的这3个问题来深入理解Passive Event Listeners特性。 Passive Event Listeners是什么？ Passive Event Listeners的实现 为了更好地理解Passive Event Listeners特性，我们接下来了解一下它的实现过程。 总结 经过上面的分析，我们了解到了Passive Event Listeners特性是什么，Passive Event Listeners特性产生的背景及Passive Event Listeners特性的实现逻辑
9.5K00发布于 2016-10-18 - 来自专栏Technology Share
让页面滑动流畅得飞起的新特性：Passive Event Listeners
看完Passive Event Listeners特性这么给力的效果后，相信大部分童鞋脑海中都会产生以下几个问题： 1. Passive Event Listeners是什么？ 2. 为什么需要Passive Event Listeners？ 3. Passive Event Listeners是怎么实现的？ 接下来，我们将围绕上面的这3个问题来深入理解Passive Event Listeners特性。 Passive Event Listeners是什么？ Passive Event Listeners的实现 ? 为了更好地理解Passive Event Listeners特性，我们接下来了解一下它的实现过程。 总结 经过上面的分析，我们了解到了Passive Event Listeners特性是什么，Passive Event Listeners特性产生的背景及Passive Event Listeners特性的实现逻辑
1.6K70发布于 2018-01-29 【vue】 Added non-passive event listener to a scroll-blocking ＜some＞ event. Consider marking eve
[Violation] Added non-passive event listener to a scroll-blocking ＜some＞ event. Consider marking eve 解决 1.下载模块 npm i default-passive-events -S -D 2.在main.js中全局引入 import 'default-passive-events
18410编辑于 2025-12-15- 来自专栏afjhahfhahajk
jimojianghu
注意： passive: false 必须使用，下面会介绍。 passive passive 是作为属性值，来自于事件监听函数 addEventListener 的可选属性 options。 添加 passive 参数为true后，touchmove 事件不会阻塞页面的滚动（同样适用于鼠标的滚轮事件）。 inside passive event listener invocation。 可能遇到的报错 Unable to preventDefault inside passive event listener due to target being treated as passive
4.7K00编辑于 2022-02-07 - 来自专栏小鑫の随笔
JS 阻止页面滚动
: false}); //passive 参数不能省略，用来兼容ios和android 如果不加 passive:false; 在 ios 上是不能起作用的。 Safari 默认的事件监听参数Safari Update：Updated root document touch event listeners to use passive mode improving scrolling performance and reducing crashes 更新了根文档触摸事件侦听器，默认使用passive:true提高滚动性能并减少崩溃 所以 Safari 中默认使用了 passive:true，告诉浏览器，此监听事件中，不会阻止默认的页面滚动。 通过 e.preventDefault(); 阻止默认的下拉滑动的效果，通过添加 passive:false 参数来兼容各个浏览器。即可实现阻止移动页面滚动的功能。
28.7K50编辑于 2022-02-28 - 来自专栏程序员的诗和远方
20180826_ARTS_week09
16年 Google 推出了 passive 这个特性。如果你的 touch 事件不需要通过 preventDefault 来阻止事件的默认行为，那就可以添加 passive 参数，来提高滚动性能。 而加了 passive 之后，创建事件执行器的时候，就告诉了浏览器，我不会调用 preventDefault 来阻止事件。 现在 Chrome 56 之后，会默认开启 passive，如果你在事件处理中使用了 preventDefault 而又没有指定 passive:false，就会有报错： [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive 最后，送上一个 { passive: true } : false ); Share 周末开始看刘未鹏大大的《暗时间》，有几段话印象深刻，与你分享下。
49310发布于 2018-09-26 - 来自专栏前端精读评论
精读《深入了解现代浏览器四》
，如果框架默认 passive，会导致 preventDefault() 失效，否则性能得不到优化。 第二种方案即什么都不做，这导致原本默认 passive 的因为绑定到非 document 节点上而 non-passive 了，这样做不仅有性能问题，而且 API 会存在 BreackChange，虽然这种做法更 为了避免通信，浏览器默认为 document 绑定开启 passive 策略减少 "non-fast" 区域。 开启了 passive 的事件监听 preventDefault() 会失效，因为这层实现在 js 里而不是 GPU。 React17 将 document 节点绑定下移到了 App 根节点，因此浏览器优化后的 passive 失效了。
92410编辑于 2022-03-15 - 来自专栏北京百思可瑞教育
阻止移动端 touchmove 与 scroll 事件冲突的深度解析与解决方案
事件监听器的配置现代浏览器将touchmove事件的passive默认值设为true，这意味着：// 错误示范：在passive:true的监听器中调用preventDefault()会报错document.addEventListener ('touchmove', function(e) { e.preventDefault(); // 控制台会显示警告}, { passive: true });// 正确做法：显式设置passive :falsedocument.addEventListener('touchmove', function(e) { e.preventDefault(); // 有效阻止默认行为}, { passive 属性检测let passiveSupported = false;try { const options = Object.defineProperty({}, 'passive', { get { passive: false } : false); element.addEventListener('touchmove', this.handleTouchMove.bind(this)
59010编辑于 2025-09-08 - 来自专栏技术进阶
hyperf框架使用rabbitMQ生产消息至laravel/lumen进行消费
package AppJob */ class Producer extends Builder { public $exchange_type; public $exchange_passive ; public $exchange_durable; public $exchange_auto_delete; public $queue_passive; public ); $this->exchange_type = env('RABBITMQ_EXCHANGE_TYPE', 'direct'); $this->exchange_passive ', true); $this->exchange_auto_delete = env('RABBITMQ_EXCHANGE_PASSIVE', false); $this ->queue_passive = env('RABBITMQ_QUEUE_PASSIVE', false); $this->queue_durable = env('RABBITMQ_QUEUE_DURABLE
1.1K10编辑于 2021-12-24 - 来自专栏用户1214782的专栏
RabbitMq-PhpAmqpLib笔记(注:只做笔记-简易手册使用，不做教程)
= false, passive true 只检测不创建 false 创建 // $durable = false, durable true 为 持久化 // $auto_delete = false, passive true 只检测不创建 false 创建 // $durable = false, durable true 为 持久化 // $exclusive = false, = false, passive true 只检测不创建 false 创建 // $durable = false, durable true 为 持久化 // $auto_delete = false, passive true 只检测不创建 false 创建 // $durable = false, durable true 为 持久化 // $exclusive = false, = false, passive true 只检测不创建 false 创建 // $durable = false, durable true 为 持久化 // $exclusive = false,
1K20发布于 2019-12-18 - 来自专栏windliang的博客
Vue2剥丝抽茧-虚拟 dom 之事件绑定
所以我们需要知道浏览器是否支持 passive 属性，如果支持的话就传 { capture, passive } ，否则就传 capture 这个布尔值。 那么我们怎么知道浏览器是否支持 passive 属性，也就是 supportsPassive 这个变量的值我们怎么确认呢？ 然后调用 addEventListener 函数，随意绑定一个事件名，将 opts 传入，如果浏览器支持 passive 属性，那么一定会去读取 passive，此时就会走到 get 里将 supportsPassive = name.charAt(0) === "&"; name = passive ? = name.charAt(0) === "&"; name = passive ?
85830编辑于 2022-08-20 - 来自专栏信息化漫谈
用了天翼云，为什么FTP无法使用了？
这两种模式是port主动和passive被动模式。 在port模式中适用于客户端具有公网IP的场景（没有过NAT，如家庭光猫），而passive模式适合大部分的场景。 passive模式，客户端主动访问服务器的数据端口，解决了客户pc在光猫后的问题。根据该场景分析，建议使用公有云的客户，使用passive模式。 ? 二、如果使用passive模式，该如何配置。 3、最后在ftp软件中使用passive模式进行连接。 ? 三、最后，我个人的建议是，如何是维护使用ftp，建议直接使用sftp。
2.9K20发布于 2019-09-24 - 来自专栏技术进阶
hyperf框架使用rabbitMQ生产消息至laravel/lumen进行消费
package AppJob */ class Producer extends Builder { public $exchange_type; public $exchange_passive ; public $exchange_durable; public $exchange_auto_delete; public $queue_passive; public ); $this->exchange_type = env('RABBITMQ_EXCHANGE_TYPE', 'direct'); $this->exchange_passive ', true); $this->exchange_auto_delete = env('RABBITMQ_EXCHANGE_PASSIVE', false); $this ->queue_passive = env('RABBITMQ_QUEUE_PASSIVE', false); $this->queue_durable = env('RABBITMQ_QUEUE_DURABLE
87110编辑于 2021-12-24 - 来自专栏逆向技术
64位内核开发第十讲,IRQL中断级别了解
DISPATCH_LEVEL最高 APC_LEVEL 其次 PASSIVE_LEVEL最低 3.遵守IROL编程规范的方式 1.查询MSDN.MSDN最下面有IRQL级别的说明. 运行在DISPATHCH_LEVEL级别的上下文.如何调用PASSIVE_LEVEL级别的函数. 如我们有一个需求. 当键盘按下的时候. 键盘的优先级最高. 工作线程中完成 我们想要操作的事情. 3.在PASSIVE级别下.我们可以使用任何内存没有限制. 首先了解下如下表格. 函数 运行级别 DriverEntry Passive级别. 各种派遣函数 Passive级别 完成函数 Dispatch级别 各种NDIS回调函数 Dispatch级别 PASSIVE级别是可以使用任何函数和内存 DISPATCH级别只能访问能运行在DISPATCH 相关申请内存函数为: ExAllocatePoolWithTag PAGEDPOOL 分页内存 只能在PASSIVE级别或者APC级别使用.
1.2K20发布于 2019-06-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号