Detect paste in input box

Question

I have a input box, and I would like to use vbscript or javascript (no jquery) to capture the paste event.

Check answers https://stackoverflow.com/questions/3211505/detect-pasted-text-with-ctrlv-or-right-click-paste/68277966#68277966 — MD SHAYON, Jul 06 '21 at 22:21

score 38 · Accepted Answer · answered Mar 27 '11 at 16:20

38

Use the onpaste event to capture the event and do what you need in Javascript. E.g. to disable the paste in an input text field:

<input type="text" onpaste="return false;" />

answered Mar 27 '11 at 16:20

philant

34,748
11
69
112

score 9 · Answer 2 · answered Mar 27 '11 at 16:23

9

Javascript supports onpaste:

http://www.quirksmode.org/dom/events/cutcopypaste.html

answered Mar 27 '11 at 16:23

Jared Farrish

48,585
17
95
104

1

Mozilla says this isn't on any standards track: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste – Michael Cole Dec 24 '15 at 02:12

Sebastian Td · Answer 3 · 2020-06-21T11:12:48.350

Just for future readers finding this as I did.

You will still be able to drop text into an input with the onpaste="return false;" attribute. If you want to avoid this, you can do something like this:

var input_element = document.getElementById("Element");
input_element.addEventListener("drop", function (event) {
    var types = event.dataTransfer.types;
    
    if (types.length > 2 || types.indexOf("text/plain") === -1)
        event.preventDefault();
    else {
      setTimeout(function () { input_element.value = ""; }, 10);
    }
}, false);

Detect paste in input box

3 Answers3

Linked