Material-ui: 如何以编程方式在Select字段上触发focus（）？

创建于 2017-11-16  ·  3评论  ·  资料来源: mui-org/material-ui


我的应用程序表单使用Enter键来制表十进制键盘上的指定字段以提高速度。 当按下enter键时，我们进行DOM查找并在下一个元素上触发focus（）。 这在文本字段上效果很好，但是我无法理解如何在“选择”框中完成此操作。 我可以获得构成Select结构的每个DOM元素，但是在任何级别上触发focus（）都无济于事。
注意：我可以通过select上的inputRef来获取项目的ref，以防止我们遍历DOM，但仍然没有任何结果。
预先感谢您的指导！

  • [x]我搜索了此存储库的问题，并认为这不是重复的。

预期行为


手动触发focus（）时，Select成为焦点（但未打开）。 预期与击打相同的行为在前面的元素上。

当前行为


触发node.focus（）不会执行任何操作，也不会在选择DOM结构内的任何元素上触发。

重现步骤（针对错误）


https://codesandbox.io/s/m43qqyo2zy

  1. 选择第一个文本框。
  2. 按下Enter键。
  3. 注意第二个文本框的焦点是FTW。
  4. 再次按Enter键。
  5. 没发生什么事。

语境

您的环境

| 技术| 版本|
| -------------- | --------- |
| Material-UI | 1.0.0-beta.21 |
| 反应| 16.1.0 |
| 浏览器| 铬62 |
| 等| |

question
资料来源
picture zachariahtimothy

最有用的评论

万一有人在这里遇到类似的问题：这有效： https :

picture zachariahtimothy 于 2017-11-22
👍3 👎2

所有3条评论

@zachariahtimothy我不确信这是MUI的问题。 看起来您需要进行一些表单清理。 转至Stack Overflow，以获取有关如何使用该库的问题。 干杯! 😄

m2mathew picture m2mathew 于 2017-11-17

@ m2mathew我明白你在说什么，我会在堆栈溢出时问这个问题。
我的观点是，如果就事件而言，MUI的select不能被视为本机表单元素，那么库将是一个问题。 我确实使用了有效的本机标志进行了尝试，因此会让我信服，只是没有我想要的美丽，就像被覆盖的select :)。
感谢您的答复和很棒的图书馆！

zachariahtimothy picture zachariahtimothy 于 2017-11-17

万一有人在这里遇到类似的问题：这有效： https :

zachariahtimothy picture zachariahtimothy 于 2017-11-22
👍3 👎2
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

FranBran picture FranBran  ·  3评论
anthony-dandrea picture anthony-dandrea  ·  3评论
rbozan picture rbozan  ·  3评论
ghost picture ghost  ·  3评论
sys13 picture sys13  ·  3评论