Antd Disable Paste Event on Input

Question

I want to disable paste event on input box in Ant design. i didn't find a correct solution yet. Thanks in advance

i used this and worked

                    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)}
                      
                      />

Chilarai · Answer 1 · 2020-07-08T11:28:58.420

3

Check this solution found here 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"
/>

edited Jul 08 '20 at 11:28

answered Jul 03 '20 at 06:50

Chilarai

1,842
2
15
33

i am using antd input it wasnt supporting 'return false' – Ajax S Jul 08 '20 at 09:26

score 2 · Answer 2 · answered Jul 03 '20 at 06:55

2

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

<input type="text" value="" id="nopaste">

try this.

answered Jul 03 '20 at 06:55

CodeBug

1,649
1
8
23

score 0 · Answer 3 · answered Jan 17 '21 at 04:08

Prevent the default action by using preventDefault()

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

Use this props to block copy

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

Thought will be helpful in the future. even though question asked long time back.

Antd Disable Paste Event on Input

3 Answers3