属性'clientX'在'Event'类型中不存在.Angular2指令

Question

我正试图在Angular2指令中听我的鼠标的X位置,如下所示:

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

但我得到了错误

属性'clientX'在'Event'类型中不存在.

这很奇怪,因为这个听众

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

注销一个事件对象

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

Answer 1

更改参数类型

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