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

Question

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

[违规]为滚动阻止"鼠标滚轮"事件添加了非被动事件监听器.考虑将事件处理程序标记为"被动"以使页面更具响应性.

问题是,这也扩大了谷歌Chrome中HTML页面的高度.在Chrome版本59.0.3071.86(官方版本)(64位)中测试在Firefox中,这不会发生.

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

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

如果您自定义滚动条,"鼠标悬停"也会发生相同的情况.

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

Answer 1

每当发生滚动阻塞事件时，Chrome 就会自动记录。使用 Chrome 的 DevTools，我检查了选择框上没有鼠标滚轮侦听器，但它仍然发生。

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