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

物理男孩

我正在尝试使用 以编程方式在我的表单中移动焦点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();
  }
}

然而,根据Mozilla 的说法,在谷歌搜索时,我发现 for 的类型nextElementSibling实际上应该是Element

有人可以帮忙吗?

更新:

看来,KeyboardEventevent实际上导致了问题..

加埃坦

来自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();
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么不能使用 nextElementSibling.focus() 和 parentNode.children[0].focus() 将焦点设置在元素上?

来自分类Dev

我可以格式化matlab命令的输出,以便可以使用它声明一个新变量吗?

来自分类Dev

如何正确安装名为“独立”的LaTeX软件包,以便可以使用Synaptic软件包管理器进行更新?

来自分类Dev

如何在Debian上正确配置exim4,以便可以使用`sendmail -t`通过我的office365帐户发送邮件?

来自分类Dev

如何将私钥从远程服务器正确复制到我的本地计算机,以便可以使用ssh连接

来自分类Dev

我可以使用鼠标正确选择更少的文字吗?

来自分类Dev

我可以使用JavaScript正确更改页面吗?

来自分类Dev

使用javascript获取nextElementSibling的属性值

来自分类Dev

我可以使用特征对象键入自省,然后向下转换吗?

来自分类Dev

linux:使用别名正确键入错误?

来自分类Dev

linux:使用别名正确键入错误?

来自分类Dev

您可以在Tutum上将Dind作为服务运行,以便Drone可以使用它吗?

来自分类Dev

我可以使用正确的qmake,但使用错误的qt吗?

来自分类Dev

我可以使用英国扩展键盘(虚拟)布局和美国物理硬件键入反斜杠吗

来自分类Dev

如何正确地将C结构写入磁盘上的文件,以便可以在其上使用mmap?

来自分类Dev

使用.focus()的Javascript Focus

来自分类Dev

正确使用wglMakeCurrent吗?

来自分类Dev

在“键入”时使用触摸板吗?

来自分类Dev

可以通过systemtap探针停止进程,以便可以附加gdb吗?

来自分类Dev

如何在子类上调用方法时键入“ this”,以便正确?

来自分类Dev

如何将光标置于MathQuill(0.10)字段上,以便可以立即键入以进行编辑?

来自分类Dev

如何将光标置于MathQuill(0.10)字段上,以便可以立即键入以进行编辑?

来自分类Dev

我在使用&lt;吗?正确吗?

来自分类Dev

在Webpack中使用Three.js以便我可以使用OrbitControls的正确方法是什么?

来自分类Dev

正确组合StretchBlt和TransparentBlt,以便可以正确创建透明位图

来自分类Dev

在其中键入带有括号的字符串的正确方法吗?

来自分类Dev

我可以使用Django的模板语言来构造HTML以便在JSON响应字段中使用吗?

来自分类Dev

如何使用Typescript正确键入操作对象

来自分类Dev

使用React钩子useState()键入'setState'函数的正确方法

Related 相关文章

  1. 1

    为什么不能使用 nextElementSibling.focus() 和 parentNode.children[0].focus() 将焦点设置在元素上?

  2. 2

    我可以格式化matlab命令的输出,以便可以使用它声明一个新变量吗?

  3. 3

    如何正确安装名为“独立”的LaTeX软件包,以便可以使用Synaptic软件包管理器进行更新?

  4. 4

    如何在Debian上正确配置exim4,以便可以使用`sendmail -t`通过我的office365帐户发送邮件?

  5. 5

    如何将私钥从远程服务器正确复制到我的本地计算机,以便可以使用ssh连接

  6. 6

    我可以使用鼠标正确选择更少的文字吗?

  7. 7

    我可以使用JavaScript正确更改页面吗?

  8. 8

    使用javascript获取nextElementSibling的属性值

  9. 9

    我可以使用特征对象键入自省,然后向下转换吗?

  10. 10

    linux:使用别名正确键入错误?

  11. 11

    linux:使用别名正确键入错误?

  12. 12

    您可以在Tutum上将Dind作为服务运行,以便Drone可以使用它吗?

  13. 13

    我可以使用正确的qmake,但使用错误的qt吗?

  14. 14

    我可以使用英国扩展键盘(虚拟)布局和美国物理硬件键入反斜杠吗

  15. 15

    如何正确地将C结构写入磁盘上的文件,以便可以在其上使用mmap?

  16. 16

    使用.focus()的Javascript Focus

  17. 17

    正确使用wglMakeCurrent吗?

  18. 18

    在“键入”时使用触摸板吗?

  19. 19

    可以通过systemtap探针停止进程,以便可以附加gdb吗?

  20. 20

    如何在子类上调用方法时键入“ this”,以便正确?

  21. 21

    如何将光标置于MathQuill(0.10)字段上,以便可以立即键入以进行编辑?

  22. 22

    如何将光标置于MathQuill(0.10)字段上,以便可以立即键入以进行编辑?

  23. 23

    我在使用&lt;吗?正确吗?

  24. 24

    在Webpack中使用Three.js以便我可以使用OrbitControls的正确方法是什么?

  25. 25

    正确组合StretchBlt和TransparentBlt,以便可以正确创建透明位图

  26. 26

    在其中键入带有括号的字符串的正确方法吗?

  27. 27

    我可以使用Django的模板语言来构造HTML以便在JSON响应字段中使用吗?

  28. 28

    如何使用Typescript正确键入操作对象

  29. 29

    使用React钩子useState()键入'setState'函数的正确方法

热门标签

归档