将选定的文本粘贴到另一个文本区域

Question

is it possible with pure JS to paste selected text into specified textarea? In my case, I want to select text in one of the textareas and when ctrl & A is pressed, selected text would paste into last (V1) textarea.

I have found similar case ( https://jsfiddle.net/QenBV/1/ ), but it's only made for 1 input textarea, but I have large number of textareas.

 function Addkey(e) { if (e.ctrlKey && e.keyCode == 65) { e.preventDefault(); document.execCommand("copy"); } } document.addEventListener('keydown', Addkey, false);

 <textarea>Text1</textarea><br/> <textarea>Text2</textarea><br/> <textarea>Text3</textarea><br/> <p></p> <hr/> <p></p> <textarea id="V1"></textarea><br/>

Answer 1

As per your question, the following one is your first text area from where you want to copy text to others

<textarea rows="5" cols="80" id="input" onkeyup="copySelected(event)" >One two three</textarea>

And you want to paste the selected text to the following textarea's

<textarea rows="5" cols="80" id="selection" class="selection"></textarea>
<textarea rows="5" cols="80" id="selection1" class="selection"></textarea>
<textarea rows="5" cols="80" id="selection2" class="selection"></textarea>
<textarea rows="5" cols="80" id="selection3" class="selection"></textarea>
<textarea rows="5" cols="80" id="selection4" class="selection"></textarea>
<textarea rows="5" cols="80" id="selection5" class="selection"></textarea>
<textarea rows="5" cols="80" id="selection6" class="selection"></textarea>

This would be your pure javascript code.

<script>
function getSelectedText(el) {
    if (typeof el.selectionStart == "number") {
        return el.value.slice(el.selectionStart, el.selectionEnd);
    } else if (typeof document.selection != "undefined") {
        var range = document.selection.createRange();
        if (range.parentElement() == el) {
            return range.text;
        }
    }
    return "";
}

function copySelected(event) {

    if(event.ctrlKey && ())
    var srcTextarea = document.getElementById("input");
    var destTextarea = document.getElementsByClassName("selection");
    var txtd=getSelectedText(srcTextarea);
    <!-- if u want to paste the text only last one of your textarea -->
    
    destTextarea[destTextarea.length-1].value = txtd;
    
    <!-- if u want to paste the text all of the textarea then use following code block -->
    /*
     for(i=0; i<destTextarea.length; i++){
      destTextarea[i].value = txtd;
     }
    */

}

</script>

Here, when you press "ctrl + a" in your first textarea, then the text will be paste into all other textarea.

Answer 2

You can simply find out the focused text field using javascript/jquery and then copy the text when selected and concatenate it to the existing text in V1 text area Or you can simply add a button at the end of the text fields and when the button is clicked you can find texts of every text field using javascript/jquery and concatenate each text and paste into v1 text area