在Chrome & OpenLayers 2中防止'Unable to preventDefault inside passive listener‘错误
在Chrome和OpenLayers 2中防止'Unable to preventDefault inside passive listener'错误是由于Chrome浏览器的新特性引起的。该错误通常发生在使用OpenLayers 2库进行地图开发时，当在触摸设备上使用滑动手势时触发。
该错误的原因是Chrome浏览器默认将passive事件监听器标记为不可阻止默认行为，以提高滚动性能。然而，在OpenLayers 2中，滑动手势通常需要阻止默认行为以实现地图的平移和缩放功能。
要解决这个错误，可以通过以下几种方法之一：
- 使用Chrome浏览器的特定标志禁用该特性： 在Chrome浏览器的URL栏中输入chrome://flags/#enable-passive-event-listeners，并将"Passive event listeners"选项设置为"Disabled"。然后重新启动浏览器。
- 在OpenLayers 2代码中手动处理滑动手势事件： 在OpenLayers 2代码中，找到处理滑动手势事件的相关代码块，并添加以下代码以阻止默认行为：
- 在OpenLayers 2代码中手动处理滑动手势事件： 在OpenLayers 2代码中，找到处理滑动手势事件的相关代码块，并添加以下代码以阻止默认行为：
- 升级到OpenLayers 3或更高版本： OpenLayers 3及更高版本已经解决了这个问题，并且不再触发'Unable to preventDefault inside passive listener'错误。因此，升级到较新的版本可能是一个更好的选择。
总结起来，要在Chrome和OpenLayers 2中防止'Unable to preventDefault inside passive listener'错误，可以通过禁用Chrome浏览器的特定标志、手动处理滑动手势事件或升级到OpenLayers 3或更高版本来解决。
相关·内容
1回答
在Chrome & OpenLayers 2中防止'Unable to preventDefault inside passive listener‘错误
javascript、css、google-chrome、scroll、openlayers
最初，在Chrome更改之前，如果我在地图中使用鼠标滚轮，它会按预期进行放大和缩小，但不会滚动整个页面。只有当我在OpenLayers地图之外使用鼠标滚轮时，它才会开始滚动页面(正如预期的那样)。现在，当我在地图中使用鼠标滚轮时，会显示以下错误： OpenLayers.min.js:2 [Intervention] Unable to preventDefault inside passiv
浏览 52提问于2019-05-02得票数 6
回答已采纳
1回答
防止像figma那样的网页放大，
javascript、html
我正在开发一个拖放应用程序，我需要防止用户放大和缩小网页，像这样的东西 console.log(e);
e.preventDefault
浏览 0提问于2020-01-26得票数 1
1回答
仅在Chrome上角项目中控制台上的zone.js违规警告
javascript、angular、zonejs、passive-event-listeners
我有一个使用@angular/cli创建的角4项目，在以开发模式运行应用程序时，我会在控制台中收到这些警告：
zone.js:1489 [Violation] 'setTimeout' handler] Added non-passive event listener to a scroll-blocking 'touchstart' event.] Added non-passive event listener to a scroll-blocking
浏览 21提问于2017-05-19得票数 26
回答已采纳
1回答
防止被动默认值的默认值
javascript、dom-events
最初，我在these answers上尝试了一下 $(window).on('mousewheel DOMMouseScroll', wheel);
e.preventDefault()
} 这导致了这个错误：[Intervention] Unable to preventDefault inside passive event listener due to target bein
浏览 27提问于2019-04-18得票数 0
1回答
角度被动事件监听器
angular、google-chrome、passive-event-listeners
关于how to make an event listener passive in Angular这个话题，互联网上是多么的空洞，这是相当令人震惊的。我有一个下拉菜单，当滚动到上面时，会在Chrome中抛出一个错误：[Intervention] Unable to preventDefault inside passive event listenerdue to target being treated as passiv
浏览 25提问于2019-12-02得票数 4
1回答
Skrollr导致干预错误，将body和html的element.style更改为overflow: hidden
javascript、html、css、skrollr
我试图在我的网站上使用skrollr，但当我在html文件控制台的末尾添加所需的文件并编写脚本标记时，每次尝试滚动时都会写下这个错误：skrollr.min.js:2 [Intervention] Unableto preventDefault inside passive event listener due to target being treated as passive.://www.chromestat
浏览 7提问于2018-05-21得票数 0
2回答
无法在被动事件侦听器中移动jQuery preventDefault
jquery、mobile、jquery-mobile
我使用jQuery手机v1.5.0使菜单在滑动时打开一切正常，但此错误始终存在，我尝试添加addEventListener示例：$(document).on('swiperight', function(e) { e.preventDef
浏览 0提问于2019-04-18得票数 1
1回答
如何让收听者即使在手机上拉上拉下屏幕的时候也能正常工作？
javascript、mobile、bootstrap-4
var spaceListenerHandler = function(e) { e.preventDefaulthidden-input" class="transparent" type="text" readonly="readonly"> </div>
用
浏览 0提问于2021-04-04得票数 4
1回答
如何在videojs中禁用/删除touchstart事件？
javascript、video.js
我想使用preventDefault禁用videojs中的touchstart事件。player.on('touchstart', (e) => { e.preventDefault() }); 但是我得到了这个错误： Unable to preventDefault inside passiveevent listener invocation.
浏览 102提问于2019-12-05得票数 3
回答已采纳
2回答
如何在不影响样式的情况下阻止页面滚动？
javascript、scroll、scrollbar
我试着用这个： e.preventDefault() return false但是滚动没有阻止，我收到了控制台错误：
[Intervention] Unable to preventDefault inside passive eventlistener
浏览 3提问于2020-12-16得票数 0
回答已采纳
1回答
preventDefault()鼠标DOMMouseScroll Chrome中的错误
javascript、jquery、google-chrome
我在铬控制台中得到了这个preventDefault()错误。我偶然发现了这个，很少尝试添加{ passive: false }，但没有成功。我怎么才能解决这个问题？所以我在寻求你的建议。$(document).on('wheel mousewheel DOMMouseScroll', function(event) { ifsetTimeout(function(){delay = false},200
浏览 1提问于2019-04-27得票数 2
回答已采纳
2回答
角4-添加非被动事件侦听器到滚动阻塞‘鼠标轮’事件。
angular、google-chrome、event-listener、mousewheel
在“角4”项目中，当我单击日期选择器或选择选项菜单，在Google中运行它时，会收到以下警告：
违规将非被动事件侦听器添加到滚动阻塞“鼠标轮”事件中。
浏览 0提问于2018-06-22得票数 5
1回答
链接不能点击，只能在移动设备上长按
css、wordpress、mobile
我在一个我接管的Wordpress网站上发现了一个奇怪的bug (我没有开发它，代码有些地方有点乱)。如果我调整了桌面浏览器的大小，移动导航就能正常工作，但如果我在iPhone上打开它，链接就无法点击。它们是长按的(例如，我可以在新的标签页中打开)，但在我的iPhone上，无论是在Safari还是在Chrome浏览器中，点击它们都不起作用。<div id="mobile-nav" styl
浏览 12提问于2017-02-12得票数 0
回答已采纳
1回答
Wordpress将被动监听器设置为主动
wordpress、google-chrome-devtools、addeventlistener
我有一个wordpress站点，在使用chrome的开发人员控制台中，我得到了以下错误：target being treated as passive.document.getElementsByClassName('aboutUs')[0]
abo
浏览 6提问于2019-10-20得票数 5
回答已采纳
1回答
React onWheel处理程序无法preventDefault，因为它是被动事件侦听器
javascript、reactjs、dom、dom-events
我正在尝试覆盖组件上的Ctrl+scroll行为，但它不能处理错误[Intervention] Unable to preventDefault inside passive event listenerdue to target being treated as passive.const onWheel = (e: React.WheelEvent): void => { e.preventDefau
浏览 213提问于2020-08-31得票数 0
1回答
如何禁用/启用页面滚动
javascript、google-chrome、browser、scroll
显然在Chrome中有一个问题-控制台显示这个错误 Unable to preventDefault inside passive event listener due to target beingtreated as passive.; e.preventDefault();}
浏览 11提问于2019-04-16得票数 0
2回答
在JavaScript中阻止以水平触摸手势为主的垂直移动滚动
javascript、jquery
我如何解决这个问题，以防止垂直滚动时，主要是水平滑动？我已经使用了preventDefault()和stopPropagation()，但都没有效果。我只想让垂直滚动条在X-change大于Y-change时锁定(这就是我的代码现在应该做的)。[Intervention] Unable to preventDefault inside passiv
浏览 62提问于2018-08-17得票数 0
回答已采纳
2回答
无法在被动事件侦听器内部执行preventDefault操作- Swipebox Mobie
javascript、slideshow、swipe、preventdefault
id="#mydiv">Click <a href="http://example.com">Here</div>chrome浏览器显示以下日志：
[Intervention] Unable to preventDefault inside passive event lis
浏览 48提问于2017-07-16得票数 1
2回答
由于目标被视为被动的，所以无法在被动事件侦听器中进行preventDefault。Three.js TrackballControls
javascript、three.js
但是当我添加一个事件侦听器时，有一个奇怪的错误：Unable to preventDefault inside passive event listener due to target being treatedas passive.，它包含指向：的链接一些代码：
var control
浏览 7提问于2019-10-08得票数 0
回答已采纳
2回答
在type="number“输入上滚动以更改其值:如何停止父滚动
javascript、reactjs、scroll、material-ui、dom-events
我在一个固定尺寸的overflow: auto容器中有一个表单。当窗体作为容器更大时，容器将得到滚动条。一切都很好。现在表单中的输入之一是type="number"。现在的问题是：这似乎是一个常见的问题，但我没有找到任何干净的解决方案。Note表示，我不想禁用滚动，也不想让滚动条消失，我只想停止在特定类型的输入中捕获轮转事件到父容器的传播，如果这是合理的或可能的话。
我使用的是使用JSX语法和Material组件的React。在输入中添加一个onW
浏览 1提问于2020-04-28得票数 3
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
