正确键入 nextElementSibling 以便 .focus() 可以使用？

Question

我正在尝试使用 nextElementSibling 以编程方式将焦点转移到我的表单中，但是我也在使用 Typescript 并希望输入我的变量/常量...

我已经成功没有输入，并使用以下内容：

myFunct(event) {
  const myEl = event.srcElement;
  const nextElement = myEl.nextElementSibling;

  if (nextElement) {
    nextElement.focus();
  }
}

但是，在代码上使用类型时，我遇到了不一致和以下 IntelliJ 警告：

“元素”类型上不存在属性“焦点”

myFunct(event: KeyboardEvent) {
  const myEl: Element = event.srcElement;
  const nextElement: Element = myEl.nextElementSibling;

  if (nextElement) {
    nextElement.focus();
  }
}

但是在谷歌上搜索，我发现nextElementSibling 的类型实际上应该是Element，根据Mozilla

有人可以帮忙吗？

更新：

看来event 上的KeyboardEvent 实际上是导致问题的原因..

Answer 1

来自MDN：Element 从其父元素 Element 继承属性，并从 GlobalEventHandlers 和 TouchEventHandlers 实现这些属性。

因此，您可以将代码更改为（使用typescriptlang.org 测试的代码）：

function myFunct(event: KeyboardEvent) {
  const myEl = <HTMLElement>event.srcElement;
  const nextElement = <HTMLElement>myEl.nextElementSibling;

  if (nextElement) {
    nextElement.focus();
  }
}