属性 'clientX' 在类型 'Event' 上不存在。 Angular2 指令

Question

我正在尝试像这样在 Angular2 指令中收听鼠标的 X 位置：

@HostListener('mousemove', ['$event'])
onMousemove(event: Event): void  { 
  console.log(event.clientX)
}

但我收到错误

Property 'clientX' does not exist on type 'Event'.

这很奇怪，因为这个听众

@HostListener('mousemove', ['$event'])
onMousemove(event: Event): void  { 
  console.log(event)
}

注销事件对象

为什么我无法访问event.clientX？

Answer 1

更改参数类型

onMousemove(event: MouseEvent): void  { 
  console.log(event.clientX)
}

Property 'clientX' does not exist on type 'Event'. Angular2 Directive