无法阻止被动事件侦听器中的默认值

在前端开发中，经常会使用被动事件监听器（如scroll、resize、mousemove等），来监听用户的操作或者页面元素的变化。但是，有时候我们希望阻止这些事件的默认行为，比如在scroll事件中禁止页面滚动等。但是，有些情况下我们会发现无法阻止被动事件侦听器中的默认值。

这是因为被动事件监听器是浏览器内置的，它们会在主线程之外运行，在消息队列中排队等待执行。在一些情况下，事件处理程序可能无法在事件响应阶段（即捕获和冒泡阶段）中阻止默认行为，因为此时事件已经被添加到消息队列中等待执行，而且无法中止。

解决方案

要解决这个问题，我们需要使用passive选项来告诉浏览器我们不会阻止被动事件侦听器中的默认值。

window.addEventListener('scroll', handleScroll, { passive: true });

通过在事件侦听器中加入{ passive: true }参数，告诉浏览器当前事件处理程序不会阻止默认行为，这样浏览器就可以在事件响应阶段中设置event.defaultPrevented为false，并将事件添加到消息队列中等待执行。

注意事项

需要注意的是，passive选项仅仅适用于被动事件侦听器，对于其他类型的事件侦听器，该选项会被忽略。另外，在移动端，使用passive选项可以提高页面的滚动性能。

总结

在被动事件侦听器中，我们使用passive选项可以告诉浏览器我们不会阻止默认行为。这可以解决一些我们无法阻止被动事件侦听器中默认值的问题。需要注意的是，passive选项仅适用于被动事件侦听器，在其他类型的事件侦听器中会被忽略。