angular - 拖动元素时是否禁用了 mousemove 事件？

Question

我正在尝试通过在拖动元素时观察文档上的 mousemove 事件来移动元素(使用 html5 拖放)。我在父元素上的文档上添加了一个 mousemove 监听器，每当我移动鼠标时都会触发该监听器，但是一旦我开始拖动另一个子元素，我就不再看到 mousemove 事件，一旦我停止拖动，我就会再次看到这些事件。我在 API ( https://developer.mozilla.org/en-US/docs/Web/Events/mousemove) 中的任何地方都看不到拖动会禁用这些事件，但我不知道如何从我的代码中阻止它们。这只是 html5 拖放的一部分，它会在拖动时禁用 mousemove 事件吗？

我正在使用 angular2 来检测 mousemove。我尝试了两种不同的方式:

1)

@HostListener('document:mousemove', ['$event'])
    onMouseMove(event) {
        console.log('Global mousemove: ', event);
    }

2)

constructor(
      public element: ElementRef,
      private renderer: Renderer2) {
        element.nativeElement.draggable = true;
      }
this.mouseMoveListener = this.renderer.listen('document', 'mousemove', this.onMouseMove.bind(this));

Answer 1

您可以使用 pointermove 事件来完成这项工作 ;)