警告：当md-Select位于md-tabs中时，将非被动事件侦听器添加到阻止滚动的触摸移动事件

Question

我在使用角材料的angularjs应用程序中面临性能问题。

我有一个

[Violation]将非被动事件侦听器添加到滚动阻止“touchmove”事件。将事件处理程序标记为“被动”以使页面更加响应。看见https://www.chromestatus.com/feature/5745543795965952

您可以找到复制我的问题的代码笔：https://codepen.io/jjalal/pen/vWxYbv.当从Harry切换到John时，页面冻结（这在我的应用程序中更为明显）。如果打开js日志并将日志级别设置为“所有级别”（启用详细级别），则可以看到3000个日志（我有3个选择，每个选择1000个选项）。

我在一些答案中看到，我应该将事件被动设置为true，如下所示：

document.addEventListener('touchmove', function(e) {
    e.preventDefault();
}, { passive: true });

但这并没有解决我的问题。

任何帮助都将不胜感激。




Answer 1

最近（两天前）发生了一个非常类似的问题，经过数小时的研究，我不得不意识到这是一个在不久的将来无法解决的问题。请参考此问题和已接受的答案进行解释。（还可以查看angularjs github问题，它有一个标签“不会修复”）

关于一种解决方案：

问题是浏览器（甚至不要在IE中尝试它，它会被“长时间运行的脚本”冻结）和DOM呈现（而不是代码）都存在100%的问题。所以我不断地尝试，一个接一个地删除DOM的小部分（完整的容器div、按钮、段落，我能找到的任何东西）。在某一点上，我能够确定问题的起因。我有一个可拖动的项目，其中包含一个可点击的md图标，该图标有一个悬停md工具提示。现在，您可以看到它有3个发生碰撞的事件（拖动项目、单击按钮并悬停按钮）。删除md工具提示后，它就像一个符咒一样工作。我的建议是让你开始确定到底是什么导致了这一切。真正的解决方案将不得不等待。。。