ng-mouseover 和 ng-mouseleave 事件在 Chrome 上不起作用

Question

>我已经在我的角度应用程序中设置了以下内容

我有一个图像，其中包含以下与图像标签绑定的 ng-mouseover 和 ng-mouseleave 事件

<img ng-mouseover="infoIconStyle={'height':'50px','padding':'10px'}"  ng-mouseleave="infoIconStyle={'height':'0','padding':'0'}" src="images/info-icon.svg" />

然后将这些鼠标悬停事件发送到以下div

<div class="dataBoxInfoContent" ng-style="infoIconStyle">{{description}}</div>

因此，当ng-mouseover被触发时，dataBoxInfoContentdiv由于高度从0到50px而打开，当ng-mouseleave被触发时，div再次关闭。

但是，由于某种原因，当鼠标离开图像时，ng-mouseleave不会触发，这仅在Google Chrome中。在Internet Explorer和Mozilla Firefox中一切正常。

有谁知道为什么会这样？

Answer 1

我在Chrome上遇到了类似的问题，最终将问题追溯到特定的Chrome扩展程序（对我来说，它是AngularJS Batarang扩展程序）。

如果您有任何 javascript 分析扩展，这些扩展添加到页面的缓慢有时会导致事件（特别是鼠标移动事件）中的异常行为。

在Chrome调试器的"配置文件"

选项卡中，使用"收集JavaScript CPU配置文件"找出哪些脚本（如果有的话）是猪，然后如果你将鼠标悬停在右侧的脚本上，它会告诉你猪是哪个chrome扩展的一部分。