如何覆盖 Angular > vendor.js 中定义的事件处理程序？答案

【问题标题】：How to overwrite Event Handler defined in Angular > vendor.js?如何覆盖 Angular > vendor.js 中定义的事件处理程序？
【发布时间】：2019-12-09 21:37:05
【问题描述】：

我需要将 {passive: true} 选项传递给现有的事件处理程序。处理程序在 vendor.js 文件中定义。

    document.addEventListener('mouseup', <handler1>);
    document.addEventListener('touchend', <handler2>);
    document.addEventListener('mousemove', <handler3>);
    document.addEventListener('touchmove', <handler4>);

我需要这样：

    document.addEventListener('mouseup', <handler1>, {passive:true});
    document.addEventListener('touchend', <handler2>, {passive:true});
    document.addEventListener('mousemove', <handler3>, {passive:true});
    document.addEventListener('touchmove', <handler4>, {passive:true});

但我不应该直接编辑 vendor.js 那么，我应该如何将这个 {passive: true} 选项从我的 Angular 项目中的不同文件传递给监听器。

我想按照上面的过程移除“touchmove”事件监听器，这样我就可以在我的网络应用程序中平滑滚动。

[如果需要任何其他信息，请告诉我]

【问题讨论】：

标签： angular event-handling vendor

【解决方案1】：

我自己从在线资源中找到了解决方案。

我可以包含 CDN ： node_modules/default-passive-events/dist/index.js

默认情况下，这可以使所有事件侦听器处于被动状态。

因此，绕过传递 {passive: true } 的问题

【讨论】：