隐藏元素时未触发 HostListener mouseLeave 和 pointerLeave答案

【问题标题】：HostListener mouseLeave and pointerLeave not triggered when element is hidden隐藏元素时未触发 HostListener mouseLeave 和 pointerLeave
【发布时间】：2022-08-08 15:23:04
【问题描述】：

我遇到了一个问题，我使用以下 2 个主机侦听器在元素上调用关闭函数。

@HostListener(
        \'pointerleave\',
    )
@HostListener(
    \'mouseleave\',
)

问题是，它mouseleaves或pointerleaves的图标是在另一个元素悬停时显示并在不再悬停时隐藏的图标，用css修复。

我的假设是，如果您离开元素的速度足够快，则 display:none 已设置，这将使主机侦听器不再被调用，因此不再调用 close 函数。

有人对此有解决办法吗？

您能否发布更多代码，请喜欢 onclose 函数？没有更多代码很难理解你的问题
在黑暗中拍摄可能会 visibility: hidden 工作而不是 display: none

标签： javascript css angular listener hide

【解决方案1】：

原来在 css 上有pointer-events:none; 打破了这个！

【讨论】：