使用event.target.id时,在引发的类型'EventTarget'上不存在属性'id'

时间:2019-03-06 15:35:23

标签: javascript html angular typescript

我正在尝试在我的组件上执行HostListener,指定当我单击某个特定元素的任何内容时,我希望发生某些事情。但是,我收到错误消息:

  

类型“ EventTarget”上不存在属性“ id”

该代码在用户界面中运行良好,但是我无法摆脱掉毛引发的错误。

我知道必须为此使用一种类型,例如,如果我正在针对输入元素执行它。但是,我正在对被点击的普通<div>进行检查...

我不确定该如何进行。

@HostListener('document:click', [$event'])
myClick(event: MouseClick): void {
  if (event.target.id !== 'some-id') {
    // do something here
  }
}

我一直在玩诸如:

if (<HTMLElement>event.target.id...

但是我找不到针对此问题的解决方法...

1 个答案:

答案 0 :(得分:0)

由于他的评论对我有效,因此我将发布@ConnorsFan的答案。

最后,我继续使用(event.target).id。

似乎我对设置event.target.id的尝试被误导了,因为我现在知道应该将类型应用于目标,而ID只是所述目标元素的一个属性。