328得票1回答
被动事件监听器是什么?

当我试图提高渐进式网络应用程序的性能时,我遇到了一个新功能Passive Event Listeners,但是我发现很难理解它的概念。 Passive Event Listeners是什么?我们的项目需要它吗?

98得票1回答
滚动事件:requestAnimationFrame、requestIdleCallback和被动事件监听器的比较。

作为我们所知,通常建议去抖动滚动监听器以便在用户滚动时提高用户体验。 然而,我经常发现库和文章中有一些有影响力的人如Paul Lewis推荐使用requestAnimationFrame。然而,随着网络平台的快速发展,某些建议可能会随时间而过时。 我看到的问题是处理滚动事件有非常不同的用例...

44得票2回答
JavaScript Google Maps API和非被动事件处理程序

最近,Chrome开始发出以下警告: [违规操作] 添加了一个阻塞滚动“touchmove”事件的非被动事件监听器。考虑将事件处理程序标记为“被动”,使页面更加响应。请参见https://www.chromestatus.com/feature/5745543795965952 这...

27得票1回答
在Angular项目中,仅在Chrome浏览器上出现zone.js违规警告

我有一个使用 @angular/cli 创建的 Angular 4 项目,当以开发模式运行应用程序时,控制台会显示这些警告:zone.js:1489 [Violation] 'setTimeout' handler took 209ms 2[Violation] Added non-passi...

16得票1回答
YouTube iframe嵌入违规:非被动事件监听器阻止'touchstart'事件的滚动

我正在网站上嵌入一个Youtube的iframe,但是它在我的控制台中抛出以下警告: [违规操作]添加了非被动事件监听器到一个阻止滚动的'touchstart'事件。考虑将事件处理程序标记为“被动”以使页面更加响应。请参见https://www.chromestatus.com/featur...

12得票3回答
如何在React中添加被动事件监听器?

要在某个React输入元素上设置事件监听器,例如onKeyPress监听器,我们可以像这样操作: <SomeInputElement onKeyPress={this.someListener.bind(this)}> 现在,我应该怎样做才能使我的someListener处于...

9得票2回答
当滚动DIV时防止页面滚动,同时解决控制台中的[Violation]警告问题。

一开始看起来这似乎是一个重复的问题,答案在这里,但还有更多需要弄清楚的地方。 如何解决Google Chrome控制台中给出的[Violation]警告? [Violation] Added non-passive event listener to a scroll-blocking...

8得票1回答
Angular被动事件侦听器

令人惊讶的是,关于在Angular中如何使事件监听器变为被动监听器的话题在互联网上几乎没有相关内容。 我有一个下拉菜单,在Chrome中滚动时会抛出错误:[Intervention] Unable to preventDefault inside passive event listener...