javascript paste command

Question

How do I paste what’s in the clipboard?

I did a lot of research, but what I found was just the copy, not the necklace!

the only thing I found about necklace, it didn’t work, which was the document.execCommand("paste");

I want when the user clicks on the textbox or button, was pasted what was in the clipboard, so I did so:

        $("#URL").click( function () {
            document.execCommand("paste");
            alert(document.execCommand("paste"));
        });

to test, I put the alert that in addition to not paste, displays: False

I used this Question

Answer 1

Basically, you cannot access the clipboard content in most browsers. Because obviously this is considered a security problem, since any Javascript code could have access to things that may not not concern it.

However, it is possible to capture this content in the paste. Since, at this moment, the user decided to share this content.

function handlePaste (e) {
    var clipboardData, pastedData;

    e.stopPropagation();
    e.preventDefault();

    clipboardData = e.clipboardData || window.clipboardData;
    pastedData = clipboardData.getData('Text');

    //pastedData tem o conteúdo da área de transferência
    console.log(pastedData); 
}

document.getElementById('editableDiv').addEventListener('paste', handlePaste);

<div id='editableDiv' contenteditable='true'>Cole algo aqui</div>

Answer 2

Currently the best way to interact with the user’s transfer area is through the browser’s Clipboard API, through asynchronous methods such as this demonstrated in the documentation of the Mozilla.

Thus it becomes transparent to the user that his transfer area may be requested, because a dialog box will request his permission

navigator.clipboard.readText().then(text => alert(text));