Javascript 禁用鼠标事件

我正在尝试禁用react中的鼠标事件。我尝试了

指针事件：none

和

document.body.style.cursor='none'

。两个都不起作用。我在全身或应用程序上试用过。不能让它工作。我基本上想把鼠标指针隐藏一段时间，然后放回去

好的，您需要包装该对象

class Hello extends React.Component {
  render() {
    return <div style={{cursor: 'none'}}>
             <button style={{ pointerEvents: 'none'}}>
                Hello {this.props.name}
             </button>
           </div>;
  }
}

ReactDOM.render(
  <Hello name="World"/>,
  document.body
);

类Hello扩展了React.Component{
render（）{
返回
你好{this.props.name}
;
}
}
ReactDOM.render(
,
文件正文
);

根据CSS的基础不能组合

pointerEvents:'none'，cursor:'none'

直接的

您需要像这里一样包装该项目和单独的样式

演示：

• CSS不能组合
• 禁用指针事件

---

隐藏光标？还是禁用了单击事件？还是两者都有？@DacreDenny隐藏光标。基本上我不知道；“我不希望用户临时与网站交互。@我想我尝试了与您提到的其他链接完全相同的链接（线条样式）。它不起作用。@user3900196您能提供代码的基本知识来展示您的尝试吗？我们可以从中获得更好的帮助there@DacreDenny：我确实使用MediaRecorder记录了一段时间的屏幕。我在react中有一个状态，以在发生时保持此状态。然后在App.js中，我尝试在html的整个主体上使用这个属性。目前，我只是尝试在App.js中渲染时使用它。顺便说一句，我试着不分运气！让我们先看看演示，好的。似乎有效。我必须为父层和子层单独获取此项才能使其正常工作。谢谢