如何使用ReactJS将鼠标on-RightClick实现到Material UI的列表项中

Question

我正在使用Material UI开发React js app。 我在List和List Item中实现了onClick。 enter image description here 我也想实现onRightClick事件。 请帮帮我。

Answer 1

this.Size

尝试在上方代码段中运行，您将能够分别识别左键和右键。

Answer 2

在要显示默认上下文菜单而非浏览器上下文菜单的地方使用 onContextMenu 事件。

Answer 3

在已定义事件中有onContextMenu事件。如果要更改组件或组件的rightClick操作，则需要为onContextMenu事件编写一个自定义eventHandler。

<div onContextMenu={this.someEvenetHandler}></div>

someEventHandler = (e) => {
      "Do stuff here"
}

或类似的东西。

Answer 4

根据react docs，onContextMenu是正确的传递道具。为了防止使用标准功能，您可能需要添加e.preventDefault（）;。到您的回调函数。