在 React.js 中禁用右键单击？

Question

我想通过禁用右键单击来防止下载以下元素。

<iframe src={TEST + "#toolbar=0"} width="100%" height="800px" 
onMouseDown={(e)=>e.preventDefault()} onContextMenu={(e)=>e.preventDefault()}/> 

不幸的是，当我右键单击时，它仍然会弹出上下文菜单。知道为什么吗？

Answer 1

在组件的componentDidMount() 方法中使用contextmenu 事件。

例如：

componentDidMount() {
  document.addEventListener('contextmenu', (e) => {
    e.preventDefault();
  });
};

这将阻止显示上下文菜单。