如何覆盖 Angular > vendor.js 中定义的事件处理程序?
How to overwrite Event Handler defined in Angular > vendor.js?
我需要将 {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' 事件侦听器,这样我就可以在我的 Web 应用程序中平滑滚动。
[如果需要任何其他信息,请告诉我]
我自己从网上找到了解决方案。
我可以包括 CDN :
node_modules/default-passive-events/dist/index.js
这可以使所有事件侦听器默认处于被动状态。
因此,绕过了传递 { passive: true } 的问题
我需要将 {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' 事件侦听器,这样我就可以在我的 Web 应用程序中平滑滚动。
[如果需要任何其他信息,请告诉我]
我自己从网上找到了解决方案。
我可以包括 CDN : node_modules/default-passive-events/dist/index.js
这可以使所有事件侦听器默认处于被动状态。
因此,绕过了传递 { passive: true } 的问题