在input中如何禁止复制、粘贴、鼠标右键弹出面板选项

主要事件

• 右键弹出面板选项oncontextmenu

• 复制oncopy

• 粘贴onpaste

原生input实现

- 禁止复制

 <input oncopy="return false" />

- 禁止粘贴

 <input onpaste="return false" />

- 禁止鼠标右键弹出面板选项

 <input oncontextmenu="return false" />

React中实现

- 禁止复制

 <input onCopy={(e) => e.preventDefault()} />

- 禁止粘贴

 <input onPaste={(e) => e.preventDefault()} />

- 禁止鼠标右键弹出面板选项

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