Fatal编程技术网
  • reactjs/
  • Reactjs 物料界面-是否有允许右键单击关闭模式的方法？

Reactjs 物料界面-是否有允许右键单击关闭模式的方法？

reactjs material-ui

Reactjs 物料界面-是否有允许右键单击关闭模式的方法？,reactjs,material-ui,Reactjs,Material Ui,我希望能够通过右键单击来关闭菜单（或者更具体地说，关闭弹出窗口），清除任何鼠标向下事件 我在文档中发现： 然后我把它清理了一下。以下是我得到的： 如果您选中它，您可以看到右键单击时，Popper关闭，但现在我可以在菜单打开时滚动页面：/ 这几乎就是我所需要的，但我不能用Popover做同样的事情，因为它在内部使用模态，而且看起来要么他们不使用ClickAwayListener，要么他们没有公开修改其道具的方法 因此，如果有人知道如何使mousedown事件关闭Popover或在Popper打开时

我希望能够通过右键单击来关闭
菜单（或者更具体地说，关闭
弹出窗口），清除任何
鼠标向下
事件

我在文档中发现：

然后我把它清理了一下。以下是我得到的：

如果您选中它，您可以看到右键单击时，
Popper
关闭，但现在我可以在菜单打开时滚动页面：/

这几乎就是我所需要的，但我不能用
Popover
做同样的事情，因为它在内部使用
模态
，而且看起来要么他们不使用
ClickAwayListener
，要么他们没有公开修改其道具的方法

因此，如果有人知道如何使
mousedown
事件关闭
Popover
或在
Popper
打开时防止滚动，我将非常乐意听到任何解决方案

提前谢谢

编辑：

多亏我找到了方向，我调整了给定的沙箱，我成功地做了我想做的事情。最后，我不得不使用
Popper
并在它打开时防止滚动


这里是最后一个沙盒链接：
如果弹出程序打开，这里有一种禁用滚动的方法


    window.onscroll = open ? null : () => window.scrollTo(0, 0);




这里有相同的例子，用popover代替popper