我只是想用KeyboardEvent做到这一点

var tag = evt.target.tagName.toLowerCase();

尽管Event.target的类型为EventTarget，但它并不继承自Element。因此，我必须像这样强制转换：

var tag = (<Element>evt.target).tagName.toLowerCase();

这可能是由于某些浏览器未遵循标准，对吗？TypeScript中与浏览器无关的正确实现是什么？

PS：我使用jQuery捕获KeyboardEvent。

它不是从继承的，Element因为并非所有事件目标都是元素。

从MDN：

元素，文档和窗口是最常见的事件目标，但是其他对象也可以是事件目标，例如XMLHttpRequest，AudioNode，AudioContext等。

即使KeyboardEvent您尝试使用的对象，也可能出现在DOM元素或window对象上（理论上是在其他事物上），因此在此处将evt.target其定义为没什么意义Element。

如果这是DOM元素上的事件，那么我可以肯定地说evt.target。是一个Element。我认为这与跨浏览器的行为无关。只是那EventTarget是一个比更加抽象的接口Element。

进一步阅读：https : //typescript.codeplex.com/discussions/432211

使用打字稿，我使用了仅适用于我的函数的自定义界面。示例用例。

  handleChange(event: { target: HTMLInputElement; }) {
    this.setState({ value: event.target.value });
  }

在这种情况下，handleChange将接收一个对象，该对象的目标字段为HTMLInputElement类型。

稍后在我的代码中，我可以使用

<input type='text' value={this.state.value} onChange={this.handleChange} />

一种更干净的方法是将接口放在单独的文件中。

interface HandleNameChangeInterface {
  target: HTMLInputElement;
}

然后稍后使用以下函数定义：

  handleChange(event: HandleNameChangeInterface) {
    this.setState({ value: event.target.value });
  }

在我的用例中，明确定义了handleChange的唯一调用者是输入文本的HTML元素类型。

JLRishe的答案是正确的，因此我只在事件处理程序中使用它：

if (event.target instanceof Element) { /*...*/ }

打字稿3.2.4

要检索属性，必须将target强制转换为适当的数据类型：

e => console.log((e.target as Element).id)

您可以创建自己的扩展通用接口吗Event？像这样吗

interface DOMEvent<T extends EventTarget> extends Event {
  target: T
}

然后，您可以像这样使用它：

handleChange(event: DOMEvent<HTMLInputElement>) {
  this.setState({ value: event.target.value });
}

使用typescript，我们可以利用类型别名，如下所示：

type KeyboardEvent = {
  target: HTMLInputElement,
  key: string,
};
const onKeyPress = (e: KeyboardEvent) => {
  if ('Enter' === e.key) { // Enter keyboard was pressed!
    submit(e.target.value);
    e.target.value = '';
    return;
  }
  // continue handle onKeyPress input events...
};

@Bangonkali提供了正确的答案，但是这种语法似乎更易读，对我而言更好：

eventChange($event: KeyboardEvent): void {
    (<HTMLInputElement>$event.target).value;
}