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

标签 angular events typescript event-listener angular2-directives

我正在尝试像这样在 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)
}

注销一个事件对象

enter image description here

为什么我无法访问 event.clientX

最佳答案

改变参数类型

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

关于angular - 类型 'clientX' 上不存在属性 'Event'。 Angular2 指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41110144/

相关文章:

css - 无法将 Angular Material md-sidenav 设置为 100% 高度

javascript - 检测 iPhone 结束事件

typescript - 如何在 typeScript 中使用模板文字连接两个字符串?

node.js - Node , typescript ERR_MODULE_NOT_FOUND

Angular 9 mat-progress-buttons 错误 : ERROR in Failed to compile entry-point mat-progress-buttons (es2015 as esm2015) due to compilation errors

angular - 如果 Angular2 HTTP 响应数据不符合类型,如何捕获错误

javascript - url 更改但 angular 无法导航

javascript - Hammer.js 中的捏合事件触发平移事件

javascript - Javascript 如何控制事件

reactjs - 联系 & GraphQL : Root typing path for the type "context" does not exist