首页 > 解决方案 > ng-mouseenter 和 ng-mouseleave 与 img 和覆盖导致它闪烁

问题描述

ng-mouseenter 和 ng-mouseleave 与 img 和覆盖导致闪烁。当它在 div 中时,这似乎不会发生。这似乎只发生在 Chrome 上。

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

标签: javascriptcssangularjs

解决方案


问题是当您显示按钮时,会触发鼠标离开事件,因为按钮显示在鼠标光标下。在鼠标离开时,您隐藏按钮并触发鼠标输入。这就是你在无限循环中看起来像闪烁的原因。但这是预期的行为,而不是错误。将鼠标进入和鼠标离开事件提高一级。

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


推荐阅读