jQuery动态添加的<select>元素在单击时发出警告

Question

当动态添加（使用jQuery）元素时，我被提示违反警告：   [违规]在滚动阻止的“鼠标滚轮”事件中添加了非被动事件侦听器。考虑将事件处理程序标记为“被动”，以使页面更具响应性。 这是代码：codepen 为什么我没有将事件监听器绑定到那些新的元素上，为什么收到该警告？有办法避免这种情况吗？ n你！

Answer 1

好像有一个新的passive option可以传递给事件处理程序，这将改善滚动并使警告静音。这是bit more information。

示例实现：

$(document).ready(function(){
    var x = 5;

    document.querySelector('#add-select').addEventListener('click', function (e) {
    	for(var n = 0; n < x; ++ n) {
        $('.dynamic-select').append('<div class="s"><select><option value="' + n + '">' + n + '</option></select></div>');
			}
    }, {passive: true})
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<button type="button" id="add-select">Add Select</button>
</div>

<div class="dynamic-select"></div>