Javascript 如何在react js中禁用输入框中的复制粘贴
我有输入框,我不希望用户将粘贴复制到输入框'-'(减号)、'..(十进制)值中您可以使用onCopy、onPaste、onCut事件禁用操作Javascript 如何在react js中禁用输入框中的复制粘贴,javascript,reactjs,Javascript,Reactjs,我有输入框,我不希望用户将粘贴复制到输入框'-'(减号)、'..(十进制)值中您可以使用onCopy、onPaste、onCut事件禁用操作 const handleChange=(e)=>{ e、 预防默认值(); }; 以下是具有给定条件的实现阻止粘贴: export default function App() { const [value, setValue] = useState('') const onPaste = (e) => { const paste
const handleChange=(e)=>{
e、 预防默认值();
};
以下是具有给定条件的实现阻止粘贴:
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>
);
}
导出默认函数App(){
const[value,setValue]=useState(“”)
常量onPaste=(e)=>{
const paste=e.clipboardData.getData('text/plain')
if(粘贴.匹配(/[-\.]/)返回
设置值(粘贴)
}
返回(
{value}
);
}
您希望用户在粘贴类似123-4
的内容时,输入值将为1234
,还是完全阻止粘贴?当粘贴包含负数或小数时,请阻止粘贴。我可以在这方面寻求帮助吗?
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>
);
}