在我的Angular 2应用程序中,我有一个画布。当有人在某些部分上空盘旋时,我会显示一个包含信息的弹出框。当他们离开弹出窗口时,我使用弹出窗口上的(mouseleave)事件来隐藏弹出窗口并更改我的打字稿中的一些变量。
但是,我在测试中发现了一个问题。当你将鼠标悬停在某个东西上并显示弹出窗口,然后很快离开弹出窗口时,mouseleave永远不会触发。
这是一个复制问题的插件(简化版):https://plnkr.co/edit/5I2Nm6Rj0BESMgXstCFa?p=preview
this example uses (mouseleave)
如何复制问题:将鼠标悬停在蓝点上,然后以慢/正常速度将鼠标指针从弹出窗口向右移动。弹出窗口将按预期消失,因为调用了mouseleave。现在再试一次,除了将鼠标指针快速向右推后。它可能需要你几次尝试,但如果你移动它足够快,mouseleave永远不会开火。
这是一个错误吗?有没有一种简单的方法可以解决这个问题,或者我可以使用什么来代替mouseleave?