带有img和叠加层的ng-mouseenter和ng-mouseleave使其闪烁

时间:2019-04-24 19:34:54

标签: javascript css angularjs

带有img和叠加层的

ng-mouseenter和ng-mouseleave导致闪烁。当它位于div中时,似乎不会发生这种情况。这似乎仅在Chrome上发生。

https://next.plnkr.co/edit/S44SgCsV4vTmVLnP?preview

1 个答案:

答案 0 :(得分:1)

问题是当您显示按钮时,会触发鼠标离开事件,因为按钮显示在鼠标光标下方。在鼠标离开时,您可以隐藏按钮,并触发鼠标输入。这就是您陷入无休止循环似乎闪烁的原因。但这是预期的行为,而不是错误。将鼠标进入和鼠标离开事件置于更高一级。

示例: https://next.plnkr.co/edit/tmgpXrnqqnQCr00f