如何在 React antd 中禁用复制粘贴事件？

Question

I am using Ant Design Forms in my React applpication. I would like to know how do I prevent user from copying and pasting the values in that input field.

Answer 1

import { Input } from "antd";

<Input onPaste={(e)=>{
      e.preventDefault()
      return false;
    }} onCopy={(e)=>{
      e.preventDefault()
      return false;
    }} placeholder="Basic usage" />

Answer 2

You can also use this on a normal input in React:

 <input
        type="text"
        onPaste={(e: any) => {
          e.preventDefault();
          return false;
        }}
        onCopy={(e: any) => {
          e.preventDefault();
          return false;
        }}
      />