Javascript 是否在React.js中禁用右键单击?

Javascript 是否在React.js中禁用右键单击?,javascript,html,reactjs,Javascript,Html,Reactjs,我想通过禁用右键单击来防止下载以下元素 <iframe src={TEST + "#toolbar=0"} width="100%" height="800px" onMouseDown={(e)=>e.preventDefault()} onContextMenu={(e)=>e.preventDefault()}/> e.preventDefault()}onContextMenu={(e)=>e.preventDefault()}/> 不幸的是,当我右键单

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

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

e.preventDefault()}onContextMenu={(e)=>e.preventDefault()}/>

不幸的是,当我右键单击时,它仍然会显示上下文菜单。知道为什么吗

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

例如:

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

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

这是否回答了您的问题?不,我已经看到了,但它不起作用。好的,可能是因为您试图从iframe绑定事件。看看这个还是没用。我认为iframe可能没有检测到任何点击,因为将iframe中的onClick函数用于控制台日志不会打印任何内容。你知道如何解决这个问题吗?检查一下,你会找到答案: