选择标记中的被动事件监听器

Question

点击选择标记显示此警告：

  

[违规]为滚动阻止添加了非被动事件侦听器   ＆＃39;鼠标滚轮＆＃39;事件。考虑将事件处理程序标记为“被动＆＃39;至   使页面更具响应性。

问题是，这也扩大了Google Chrome中HTML页面的高度。 在Chrome版本59.0.3071.86（官方版本）（64位）中测试 在Firefox中，这不会发生。

简单代码： https://jsfiddle.net/gurigraphics/2399mnyb

<div>
<select><option> Option </option> </select>
</div>

同样的情况发生在＆＃34;鼠标悬停＆＃34;如果您自定义滚动条。

什么是更好的解决方案？我发现了这个理论： https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md

Answer 1

每当发生滚动阻止事件时，Chrome都会自动记录日志。 使用Chrome的DevTools，我检查了选择框上是否没有鼠标滚轮监听器，并且它仍然会发生。

我建议在控制台中关闭“详细”。