【问题标题】:Disable right click in React.js?在 React.js 中禁用右键单击?
【发布时间】:2020-04-08 22:06:05
【问题描述】:

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

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

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

【问题讨论】:

标签: javascript html reactjs


【解决方案1】:

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

例如:

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

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

【讨论】:

  • 这仍然不起作用。我认为 iframe 可能没有检测到任何点击,因为将 iframe 中的 onClick 函数添加到控制台日志不会打印任何内容。知道如何解决这个问题吗?
  • 查看这个,你会找到答案:stackoverflow.com/questions/16792953/…
猜你喜欢
  • 2016-05-04
  • 1970-01-01
  • 1970-01-01
  • 2013-10-05
  • 2012-07-01
  • 1970-01-01
  • 2014-05-24
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多