委托事件绑定角度2

Question

有没有办法将事件绑定到正文，并委托给选择的元素？例如：

<div (body.mousemove)='foo()'>Move over me.</div>

我需要这个我正在创建的范围滑块，用户应该能够移动滑块，即使他们的鼠标不在元素内部，所以我需要将实际事件绑定到正文。

Answer 1

这应该有效：

<div (body:mousemove)='foo()'>Move over me.</div>

支持document和window作为全球事件目标。

您还可以在添加到DOM的任何元素中使用

@HostListener('body:mousemove', ['$event'])
onGlobalMouseMove(event) {
  console.log(event);
}