javascript - 如何在 React js 的输入框中禁用复制粘贴

Question

我有输入框，我不希望用户复制粘贴到输入框 '-'(minus) , '.'(decimal) value

标签： javascriptreactjs

Answer 1

在具有给定条件的实现阻塞粘贴下方：

export default function App() {
  const [value, setValue] = useState('')

  const onPaste = (e) => {
    const paste = e.clipboardData.getData('text/plain')
    if (paste.match(/[-\.]/)) return
    setValue(paste)
  }

  return (
    <div>
      <input value={value} onPaste={onPaste} />
      {value}
    </div>
  );
}