使用blueprint.js的可选项化或键盘可控制的菜单/菜单项

Question

我正在尝试使用blueprint.js的Popover，Menu和MenuItem类来设置菜单。

到目前为止，我已经尝试了受控和不受控制的方式，但是两种方式我都陷入了僵局。

受控菜单：我尝试设置导航热键，以便可以使用箭头键导航菜单。在我要打开子菜单之前，该方法一直有效。据我所知，子菜单在悬停时触发，我无法用js模拟。

“不受控制”菜单：我只为每个弹出框和菜单设置了tabindex，我设法能够通过弹出按钮来进行制表。进入后，该按钮将触发单击并打开菜单。但是现在焦点已经消失了。我将不得不通过所有浏览器按钮进行制表，直到最终返回菜单以通过菜单项进行制表。但是从那时起，我不能再回到浏览弹出窗口的位置了。

如果有人设法通过键盘控件使用blueprint.js菜单，我很高兴他或她能给我提示如何操作。

Answer 1

查看蓝图3.7，看起来您本来就没有想要的东西。子菜单只是菜单项，它们是另一个菜单项的子项，并呈现为Popover whose props are not configurable的内容。

不过，您可以尝试使用dispatchEvent之类的方法来将鼠标悬停在某些所需的菜单项上。