Antd 在输入时禁用粘贴事件答案

【问题标题】：Antd Disable Paste Event on InputAntd 在输入时禁用粘贴事件
【发布时间】：2020-07-03 06:27:55
【问题描述】：

我想在 Ant 设计中禁用输入框上的粘贴事件。我还没有找到正确的解决方案。提前致谢

我用过这个并且工作过

                    inputOriginclick = () => {
                   this.myOriginRef.current.input.onpaste = () => {
                    return false;
                  };
                    };
                    <Input
                        value={this.state.origin}
                        type='text'
                        placeholder='Enter City'
                        ref={this.myOriginRef}
                        onClick={this.inputOriginclick}
                        onChange={e => this.handleChage('origin', e)}
                      
                      />

【问题讨论】：

标签： javascript html reactjs antd

【解决方案1】：

检查这里找到的解决方案How to prevent user pasting text in a textbox?

  <input
    name="somename"
    type="text"
    value=""
    required
    onCopy={false}
    onDrag={false}
    onDrop={false}
    onPaste={false}
    autocomplete="off"
/>

【讨论】：

我正在使用 antd 输入它不支持'return false'

【解决方案2】：

window.onload = function() {
 const noPaste = document.getElementById('nopaste');
 noPaste.onpaste = function(e) {
   e.preventDefault();
 }
}

&lt;input type="text" value="" id="nopaste"&gt;

试试这个。

【讨论】：

【解决方案3】：

使用preventDefault()防止默认操作

<Input
  type='text'
  onPaste={e=>{
    e.preventDefault();
    return false
  }}
/>

使用此道具阻止复制

onCopy={e=>{
  e.preventDefault();
  return false
}}

?想法在未来会有所帮助。即使问题问了很久。

【讨论】：