Angular mousemove 事件的 EventListener 仅在点击时触发，在移动时不触发

Question

每当我将鼠标移到我的网站上时，我想注销当前光标位置。

这里是stackblitz。尝试运行网站然后点击屏幕，它会产生一个日志。但是当你只是移动鼠标时不是。

这就是我开始聆听鼠标移动的方式：

@HostListener('document:mousemove', ['$event']) documentClickEvent($event: MouseEvent) {
  console.log('Through HostListener - MouseMove Event Details: ', $event)
}

Answer 1

您链接的 stackblitz 显示：

@HostListener('document:click', ['$event']) documentClickEvent($event: MouseEvent) {
    console.log('Through HostListener - Click Event Details: ', $event)
}

HostListener正在监听点击事件，所以你的记录只会在点击屏幕时触发。

我复制了您在 post 中的代码片段（以便 HostListener 正在侦听 document:mousemove），并按预期触发了移动鼠标的记录。

Angular mousemove 事件的 EventListener 仅在点击时触发，在移动时不触发

Angular EventListener for mousemove event only fires on CLICK, but not on MOVE

mousemove

angular